@etsoo/materialui 1.0.75 → 1.0.78

package/lib/ListMoreDisplay.d.ts

@@ -6,6 +6,10 @@ import { GridData, GridLoader } from '@etsoo/react';
  * ListMoreDisplay props
  */
 export interface ListMoreDisplayProps<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate> extends Omit<CardProps, 'children'>, GridLoader<T> {
+    /**
+     * Batch size to load
+     */
+    batchSize?: number;
     /**
      * Children to display the list
      */

package/lib/ListMoreDisplay.js

@@ -10,7 +10,7 @@ import { globalApp } from './app/ReactApp';
  */
 export function ListMoreDisplay(props) {
     // Destruct
-    const { children, defaultOrderBy, headerRenderer, autoLoad = headerRenderer == null, headerTitle, loadBatchSize, loadData, moreLabel = typeof globalApp === 'undefined'
+    const { batchSize = 6, children, defaultOrderBy, headerRenderer, autoLoad = headerRenderer == null, headerTitle, loadBatchSize, loadData, moreLabel = typeof globalApp === 'undefined'
         ? undefined
         : globalApp.get('more') + '...', fieldTemplate, threshold, ...rest } = props;
     // Refs
@@ -20,7 +20,7 @@ export function ListMoreDisplay(props) {
         hasNextPage: true,
         isNextPageLoading: false,
         orderBy: defaultOrderBy,
-        batchSize: 10,
+        batchSize,
         loadedItems: 0,
         selectedItems: [],
         idCache: {}

package/lib/texts/MoneyText.js

@@ -10,5 +10,7 @@ export function MoneyText(props) {
     // Destruct
     const { currency, isInteger = false, locale, options = {}, value, ...rest } = props;
     // Layout
-    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, NumberUtils.formatMoney(value, currency, locale, isInteger, options)));
+    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, value == null
+        ? ''
+        : NumberUtils.formatMoney(value, currency, locale, isInteger, options)));
 }

package/lib/texts/NumberText.d.ts

@@ -15,7 +15,7 @@ export interface NumberTextProps extends TypographyProps {
     /**
      * Value
      */
-    value?: number | bigint;
+    value?: number | bigint | null;
 }
 /**
  * Number text

package/lib/texts/NumberText.js

@@ -10,5 +10,5 @@ export function NumberText(props) {
     // Destruct
     const { locale, options = {}, value, ...rest } = props;
     // Layout
-    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, NumberUtils.format(value, locale, options)));
+    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, value == null ? '' : NumberUtils.format(value, locale, options)));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.75",
+    "version": "1.0.78",
     "description": "TypeScript Material-UI Implementation",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -51,10 +51,10 @@
         "@emotion/css": "^11.10.5",
         "@emotion/react": "^11.10.5",
         "@emotion/styled": "^11.10.5",
-        "@etsoo/appscript": "^1.3.30",
-        "@etsoo/notificationbase": "^1.1.14",
-        "@etsoo/react": "^1.6.24",
-        "@etsoo/shared": "^1.1.75",
+        "@etsoo/appscript": "^1.3.33",
+        "@etsoo/notificationbase": "^1.1.16",
+        "@etsoo/react": "^1.6.26",
+        "@etsoo/shared": "^1.1.77",
         "@mui/icons-material": "^5.10.9",
         "@mui/material": "^5.10.13",
         "@types/pica": "^9.0.1",

package/src/ListMoreDisplay.tsx

@@ -26,6 +26,11 @@ export interface ListMoreDisplayProps<
     F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate
 > extends Omit<CardProps, 'children'>,
         GridLoader<T> {
+    /**
+     * Batch size to load
+     */
+    batchSize?: number;
+
     /**
      * Children to display the list
      */
@@ -68,6 +73,7 @@ export function ListMoreDisplay<
 >(props: ListMoreDisplayProps<T, F>) {
     // Destruct
     const {
+        batchSize = 6,
         children,
         defaultOrderBy,
         headerRenderer,
@@ -90,7 +96,7 @@ export function ListMoreDisplay<
         hasNextPage: true,
         isNextPageLoading: false,
         orderBy: defaultOrderBy,
-        batchSize: 10,
+        batchSize,
         loadedItems: 0,
         selectedItems: [],
         idCache: {}

package/src/texts/MoneyText.tsx

@@ -37,13 +37,15 @@ export function MoneyText(props: MoneyTextProps) {
     // Layout
     return (
         <Typography component="span" fontSize="inherit" {...rest}>
-            {NumberUtils.formatMoney(
-                value,
-                currency,
-                locale,
-                isInteger,
-                options
-            )}
+            {value == null
+                ? ''
+                : NumberUtils.formatMoney(
+                      value,
+                      currency,
+                      locale,
+                      isInteger,
+                      options
+                  )}
         </Typography>
     );
 }

package/src/texts/NumberText.tsx

@@ -19,7 +19,7 @@ export interface NumberTextProps extends TypographyProps {
     /**
      * Value
      */
-    value?: number | bigint;
+    value?: number | bigint | null;
 }
 
 /**
@@ -34,7 +34,7 @@ export function NumberText(props: NumberTextProps) {
     // Layout
     return (
         <Typography component="span" fontSize="inherit" {...rest}>
-            {NumberUtils.format(value, locale, options)}
+            {value == null ? '' : NumberUtils.format(value, locale, options)}
         </Typography>
     );
 }