@etsoo/react 1.4.52 → 1.4.57

package/lib/app/ReactApp.d.ts

@@ -114,9 +114,10 @@ export declare class ReactApp<S extends IAppSettings, D extends IUser, P extends
     };
     /**
      * Get money format props
+     * @param currency Currency, if undefined, default currency applied
      * @returns Props
      */
-    getMoneyFormatProps(): {
+    getMoneyFormatProps(currency?: string): {
         culture: string;
         currency: string;
     };

package/lib/app/ReactApp.js

@@ -150,10 +150,11 @@ export class ReactApp extends CoreApp {
     }
     /**
      * Get money format props
+     * @param currency Currency, if undefined, default currency applied
      * @returns Props
      */
-    getMoneyFormatProps() {
-        return { culture: this.culture, currency: this.currency };
+    getMoneyFormatProps(currency) {
+        return { culture: this.culture, currency: currency !== null && currency !== void 0 ? currency : this.currency };
     }
     /**
      * Fresh countdown UI

package/lib/mu/MobileListItemRenderer.d.ts

@@ -12,5 +12,6 @@ export declare function MobileListItemRenderer<T>({ data, itemHeight, margins }:
     string,
     string | undefined,
     React.ReactNode | (ListItemReact | boolean)[],
-    React.ReactNode
+    React.ReactNode,
+    React.ReactNode?
 ]): JSX.Element;

package/lib/mu/MobileListItemRenderer.js

@@ -22,8 +22,9 @@ export function MobileListItemRenderer({ data, itemHeight, margins }, renderer)
     // Loading
     if (data == null)
         return React.createElement(LinearProgress, null);
+    console.log('margins', margins);
     // Elements
-    const [title, subheader, actions, children] = renderer(data);
+    const [title, subheader, actions, children, cardActions] = renderer(data);
     return (React.createElement(Card, { sx: {
             height: itemHeight,
             ...margins
@@ -61,6 +62,10 @@ export function MobileListItemRenderer({ data, itemHeight, margins }, renderer)
                     }
                 } })) : (actions), title: title, titleTypographyProps: { variant: 'body2' }, subheader: subheader, subheaderTypographyProps: { variant: 'caption' } }),
         React.createElement(CardContent, { sx: {
-                paddingTop: 0
-            } }, children)));
+                paddingTop: 0,
+                paddingBottom: cardActions == null
+                    ? Reflect.get(margins, 'marginBottom')
+                    : 0
+            } }, children),
+        cardActions));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.52",
+    "version": "1.4.57",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
         "@emotion/react": "^11.7.1",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.6.0",
-        "@etsoo/appscript": "^1.2.25",
+        "@etsoo/appscript": "^1.2.27",
         "@etsoo/notificationbase": "^1.1.0",
         "@etsoo/shared": "^1.1.6",
         "@mui/icons-material": "^5.3.0",
@@ -77,9 +77,9 @@
     },
     "devDependencies": {
         "@babel/cli": "^7.16.8",
-        "@babel/core": "^7.16.7",
-        "@babel/plugin-transform-runtime": "^7.16.8",
-        "@babel/preset-env": "^7.16.8",
+        "@babel/core": "^7.16.10",
+        "@babel/plugin-transform-runtime": "^7.16.10",
+        "@babel/preset-env": "^7.16.11",
         "@babel/runtime-corejs3": "^7.16.8",
         "@types/jest": "^27.4.0",
         "@types/react-test-renderer": "^17.0.1",
@@ -92,6 +92,6 @@
         "jest": "^27.4.7",
         "react-test-renderer": "^17.0.2",
         "ts-jest": "^27.1.3",
-        "typescript": "^4.5.4"
+        "typescript": "^4.5.5"
     }
 }

package/src/app/ReactApp.ts

@@ -292,10 +292,11 @@ export class ReactApp<
 
     /**
      * Get money format props
+     * @param currency Currency, if undefined, default currency applied
      * @returns Props
      */
-    getMoneyFormatProps() {
-        return { culture: this.culture, currency: this.currency };
+    getMoneyFormatProps(currency?: string) {
+        return { culture: this.culture, currency: currency ?? this.currency };
     }
 
     /**

package/src/mu/MobileListItemRenderer.tsx

@@ -29,14 +29,17 @@ export function MobileListItemRenderer<T>(
         string,
         string | undefined,
         React.ReactNode | (ListItemReact | boolean)[],
-        React.ReactNode
+        React.ReactNode,
+        React.ReactNode?
     ]
 ) {
     // Loading
     if (data == null) return <LinearProgress />;
 
+    console.log('margins', margins);
+
     // Elements
-    const [title, subheader, actions, children] = renderer(data);
+    const [title, subheader, actions, children, cardActions] = renderer(data);
 
     return (
         <Card
@@ -100,11 +103,16 @@ export function MobileListItemRenderer<T>(
             />
             <CardContent
                 sx={{
-                    paddingTop: 0
+                    paddingTop: 0,
+                    paddingBottom:
+                        cardActions == null
+                            ? Reflect.get(margins, 'marginBottom')
+                            : 0
                 }}
             >
                 {children}
             </CardContent>
+            {cardActions}
         </Card>
     );
 }