@etsoo/materialui 1.3.14 → 1.3.16

package/lib/GridUtils.js

@@ -30,6 +30,7 @@ export var GridUtils;
         if (cacheSource) {
             const cacheData = JSON.parse(cacheSource);
             if (new Date().valueOf() - cacheData.creation > cacheMinutes * 60000) {
+                sessionStorage.removeItem(`${cacheKey}-searchbar`);
                 sessionStorage.removeItem(cacheKey);
                 return;
             }

package/lib/IntInputField.d.ts

@@ -50,6 +50,6 @@ export type IntInputFieldProps = Omit<InputFieldProps, "type" | "inputProps" | "
     boxProps?: BoxProps;
 };
 /**
- * Integer input field
+ * Integer input field (controlled)
  */
 export declare const IntInputField: React.ForwardRefExoticComponent<Omit<IntInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/IntInputField.js

@@ -5,7 +5,7 @@ import React from "react";
 import { NumberUtils } from "@etsoo/shared";
 import { InputField } from "./InputField";
 /**
- * Integer input field
+ * Integer input field (controlled)
  */
 export const IntInputField = React.forwardRef((props, ref) => {
     // Destruct

package/lib/MoneyInputField.d.ts

@@ -5,6 +5,6 @@ import { IntInputFieldProps } from "./IntInputField";
  */
 export type MoneyInputFieldProps = IntInputFieldProps & {};
 /**
- * Money input field
+ * Money input field (controlled)
  */
 export declare const MoneyInputField: React.ForwardRefExoticComponent<Omit<MoneyInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/MoneyInputField.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { IntInputField } from "./IntInputField";
 /**
- * Money input field
+ * Money input field (controlled)
  */
 export const MoneyInputField = React.forwardRef((props, ref) => {
     // Destruct

package/lib/NumberInputField.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { InputFieldProps } from "./InputField";
+/**
+ * Number input field properties
+ */
+export type NumberInputFieldProps = Omit<InputFieldProps, "type" | "inputProps"> & {
+    /**
+     * Input field style
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step value
+     */
+    step?: number;
+};
+/**
+ * Number input field, for controlled only components, please see IntInputField and MoneyInputField
+ * @param props Props
+ * @returns Component
+ */
+export declare function NumberInputField(props: NumberInputFieldProps): React.JSX.Element;

package/lib/NumberInputField.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { InputField } from "./InputField";
+/**
+ * Number input field, for controlled only components, please see IntInputField and MoneyInputField
+ * @param props Props
+ * @returns Component
+ */
+export function NumberInputField(props) {
+    const { inputStyle = { textAlign: "right" }, min = 0, step = 1, max = 9999999, ...rest } = props;
+    return (React.createElement(InputField, { inputProps: {
+            min,
+            step,
+            max,
+            style: inputStyle,
+            inputMode: "numeric"
+        }, ...rest }));
+}

package/lib/ResponsibleContainer.js

@@ -23,7 +23,7 @@ function defaultContainerBoxSx(paddings, hasField, _dataGrid) {
  */
 export function ResponsibleContainer(props) {
     // Destruct
-    const { adjustHeight, adjustFabHeight, cacheKey, cacheMinutes = 120, columns, containerBoxSx = defaultContainerBoxSx, dataGridMinWidth = Math.max(576, DataGridExCalColumns(columns).total), elementReady, fields, fieldTemplate, height, loadData, mRef, paddings = MUGlobal.pagePaddings, pullToRefresh = true, quickAction, sizeReadyMiliseconds = 0, searchBarHeight = 45.6, ...rest } = props;
+    const { adjustHeight, adjustFabHeight, cacheKey, cacheMinutes = 15, columns, containerBoxSx = defaultContainerBoxSx, dataGridMinWidth = Math.max(576, DataGridExCalColumns(columns).total), elementReady, fields, fieldTemplate, height, loadData, mRef, paddings = MUGlobal.pagePaddings, pullToRefresh = true, quickAction, sizeReadyMiliseconds = 0, searchBarHeight = 45.6, ...rest } = props;
     // Labels
     const labels = Labels.CommonPage;
     // Refs

package/lib/index.d.ts

@@ -79,6 +79,7 @@ export * from "./MUGlobal";
 export * from "./MUUtils";
 export * from "./NotifierMU";
 export * from "./NotifierPopupProps";
+export * from "./NumberInputField";
 export * from "./OptionBool";
 export * from "./OptionGroup";
 export * from "./PercentCircularProgress";

package/lib/index.js

@@ -79,6 +79,7 @@ export * from "./MUGlobal";
 export * from "./MUUtils";
 export * from "./NotifierMU";
 export * from "./NotifierPopupProps";
+export * from "./NumberInputField";
 export * from "./OptionBool";
 export * from "./OptionGroup";
 export * from "./PercentCircularProgress";

package/lib/pages/DataGridPage.js

@@ -14,7 +14,7 @@ import { GridUtils } from "../GridUtils";
 export function DataGridPage(props) {
     var _a;
     // Destruct
-    const { adjustHeight, fields, fieldTemplate, height, loadData, mRef, sizeReadyMiliseconds = 100, pageProps = {}, cacheKey, cacheMinutes = 120, ...rest } = props;
+    const { adjustHeight, fields, fieldTemplate, height, loadData, mRef, sizeReadyMiliseconds = 100, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
     (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states, setStates] = React.useReducer((currentState, newState) => {

package/lib/pages/FixedListPage.js

@@ -14,7 +14,7 @@ import { GridUtils } from "../GridUtils";
 export function FixedListPage(props) {
     var _a;
     // Destruct
-    const { adjustHeight, fields, fieldTemplate, loadData, mRef, sizeReadyMiliseconds = 0, pageProps = {}, cacheKey, cacheMinutes = 120, ...rest } = props;
+    const { adjustHeight, fields, fieldTemplate, loadData, mRef, sizeReadyMiliseconds = 0, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
     (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states] = React.useState({});

package/lib/pages/ListPage.js

@@ -14,7 +14,7 @@ import { GridUtils } from "../GridUtils";
 export function ListPage(props) {
     var _a;
     // Destruct
-    const { fields, fieldTemplate, loadData, mRef, pageProps = {}, cacheKey, cacheMinutes = 120, ...rest } = props;
+    const { fields, fieldTemplate, loadData, mRef, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
     (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states] = React.useState({});

package/lib/pages/TablePage.js

@@ -14,7 +14,7 @@ import { GridUtils } from "../GridUtils";
 export function TablePage(props) {
     var _a;
     // Destruct
-    const { columns, fields, fieldTemplate, loadData, mRef, sizeReadyMiliseconds = 0, pageProps = {}, cacheKey, cacheMinutes = 120, ...rest } = props;
+    const { columns, fields, fieldTemplate, loadData, mRef, sizeReadyMiliseconds = 0, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
     (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states] = React.useState({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.14",
+  "version": "1.3.16",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -50,13 +50,13 @@
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@etsoo/appscript": "^1.4.52",
+    "@etsoo/appscript": "^1.4.53",
     "@etsoo/notificationbase": "^1.1.28",
-    "@etsoo/react": "^1.7.8",
+    "@etsoo/react": "^1.7.10",
     "@etsoo/shared": "^1.2.12",
     "@mui/icons-material": "^5.14.9",
     "@mui/material": "^5.14.9",
-    "@mui/x-data-grid": "^6.13.0",
+    "@mui/x-data-grid": "^6.14.0",
     "@types/pica": "^9.0.1",
     "@types/pulltorefreshjs": "^0.1.5",
     "@types/react": "^18.2.21",
@@ -76,7 +76,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.22.15",
-    "@babel/core": "^7.22.17",
+    "@babel/core": "^7.22.19",
     "@babel/plugin-transform-runtime": "^7.22.15",
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",

package/src/GridUtils.ts

@@ -42,6 +42,7 @@ export namespace GridUtils {
     if (cacheSource) {
       const cacheData = JSON.parse(cacheSource) as GridDataCacheType<T>;
       if (new Date().valueOf() - cacheData.creation > cacheMinutes * 60000) {
+        sessionStorage.removeItem(`${cacheKey}-searchbar`);
         sessionStorage.removeItem(cacheKey);
         return;
       }

package/src/IntInputField.tsx

@@ -71,7 +71,7 @@ export type IntInputFieldProps = Omit<
 };
 
 /**
- * Integer input field
+ * Integer input field (controlled)
  */
 export const IntInputField = React.forwardRef<
   HTMLDivElement,

package/src/MoneyInputField.tsx

@@ -7,7 +7,7 @@ import { IntInputField, IntInputFieldProps } from "./IntInputField";
 export type MoneyInputFieldProps = IntInputFieldProps & {};
 
 /**
- * Money input field
+ * Money input field (controlled)
  */
 export const MoneyInputField = React.forwardRef<
   HTMLDivElement,

package/src/NumberInputField.tsx

@@ -0,0 +1,58 @@
+import React from "react";
+import { InputField, InputFieldProps } from "./InputField";
+
+/**
+ * Number input field properties
+ */
+export type NumberInputFieldProps = Omit<
+  InputFieldProps,
+  "type" | "inputProps"
+> & {
+  /**
+   * Input field style
+   */
+  inputStyle?: React.CSSProperties;
+
+  /**
+   * Minimum value
+   */
+  min?: number;
+
+  /**
+   * Maximum value
+   */
+  max?: number;
+
+  /**
+   * Step value
+   */
+  step?: number;
+};
+
+/**
+ * Number input field, for controlled only components, please see IntInputField and MoneyInputField
+ * @param props Props
+ * @returns Component
+ */
+export function NumberInputField(props: NumberInputFieldProps) {
+  const {
+    inputStyle = { textAlign: "right" },
+    min = 0,
+    step = 1,
+    max = 9999999,
+    ...rest
+  } = props;
+
+  return (
+    <InputField
+      inputProps={{
+        min,
+        step,
+        max,
+        style: inputStyle,
+        inputMode: "numeric"
+      }}
+      {...rest}
+    />
+  );
+}

package/src/ResponsibleContainer.tsx

@@ -198,7 +198,7 @@ export function ResponsibleContainer<
     adjustHeight,
     adjustFabHeight,
     cacheKey,
-    cacheMinutes = 120,
+    cacheMinutes = 15,
     columns,
     containerBoxSx = defaultContainerBoxSx,
     dataGridMinWidth = Math.max(576, DataGridExCalColumns(columns).total),

package/src/index.ts

@@ -83,6 +83,7 @@ export * from "./MUGlobal";
 export * from "./MUUtils";
 export * from "./NotifierMU";
 export * from "./NotifierPopupProps";
+export * from "./NumberInputField";
 export * from "./OptionBool";
 export * from "./OptionGroup";
 export * from "./PercentCircularProgress";

package/src/pages/DataGridPage.tsx

@@ -45,7 +45,7 @@ export function DataGridPage<
     sizeReadyMiliseconds = 100,
     pageProps = {},
     cacheKey,
-    cacheMinutes = 120,
+    cacheMinutes = 15,
     ...rest
   } = props;
 

package/src/pages/FixedListPage.tsx

@@ -46,7 +46,7 @@ export function FixedListPage<
     sizeReadyMiliseconds = 0,
     pageProps = {},
     cacheKey,
-    cacheMinutes = 120,
+    cacheMinutes = 15,
     ...rest
   } = props;
 

package/src/pages/ListPage.tsx

@@ -34,7 +34,7 @@ export function ListPage<
     mRef,
     pageProps = {},
     cacheKey,
-    cacheMinutes = 120,
+    cacheMinutes = 15,
     ...rest
   } = props;
 

package/src/pages/TablePage.tsx

@@ -33,7 +33,7 @@ export function TablePage<
     sizeReadyMiliseconds = 0,
     pageProps = {},
     cacheKey,
-    cacheMinutes = 120,
+    cacheMinutes = 15,
     ...rest
   } = props;