@etsoo/materialui 1.1.82 → 1.1.83

package/lib/IntInputField.d.ts

@@ -1,10 +1,21 @@
-import { InputBaseProps } from "@mui/material";
 import React from "react";
 import { InputFieldProps } from "./InputField";
 /**
  * Integer input field props
  */
-export type IntInputFieldProps = Omit<InputFieldProps, "type" | "inputProps" | "value"> & InputBaseProps["inputProps"] & {
+export type IntInputFieldProps = Omit<InputFieldProps, "type" | "inputProps" | "value"> & {
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step value
+     */
+    step?: number;
     /**
      * Display minus and plus buttons
      */
@@ -21,6 +32,10 @@ export type IntInputFieldProps = Omit<InputFieldProps, "type" | "inputProps" | "
      * Value
      */
     value?: number;
+    /**
+     * Input field style
+     */
+    inputStyle?: React.CSSProperties;
     /**
      * On value change callback
      * @param value Value
@@ -30,26 +45,4 @@ export type IntInputFieldProps = Omit<InputFieldProps, "type" | "inputProps" | "
 /**
  * Integer input field
  */
-export declare const IntInputField: React.ForwardRefExoticComponent<Omit<Omit<InputFieldProps, "type" | "value" | "inputProps"> & import("@mui/material").InputBaseComponentProps & {
-    /**
-     * Display minus and plus buttons
-     */
-    buttons?: boolean | undefined;
-    /**
-     * End symbol
-     */
-    endSymbol?: string | undefined;
-    /**
-     * Start (Currency) symbol
-     */
-    symbol?: string | undefined;
-    /**
-     * Value
-     */
-    value?: number | undefined;
-    /**
-     * On value change callback
-     * @param value Value
-     */
-    onValueChange?: ((value: number | undefined, init: boolean) => void) | undefined;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const IntInputField: React.ForwardRefExoticComponent<Omit<IntInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/IntInputField.js

@@ -8,7 +8,7 @@ import { InputField } from "./InputField";
  */
 export const IntInputField = React.forwardRef((props, ref) => {
     // Destruct
-    const { min = 0, step = 1, max = 9999999, style = { textAlign: "right" }, buttons, endSymbol, symbol, value, defaultValue, onChange, onValueChange, ...rest } = props;
+    const { min = 0, step = 1, max = 9999999, inputStyle = { textAlign: "right" }, buttons, endSymbol, symbol, value, defaultValue, onChange, onValueChange, ...rest } = props;
     // State
     const [localValue, setLocalValue] = React.useState();
     const setValue = (value, init = false) => {
@@ -20,11 +20,11 @@ export const IntInputField = React.forwardRef((props, ref) => {
         setValue(value, true);
     }, [value]);
     React.useEffect(() => {
-        if (defaultValue == null || typeof defaultValue === "object")
+        if (defaultValue == null)
             return;
         const value = typeof defaultValue === "number"
             ? defaultValue
-            : parseFloat(defaultValue);
+            : parseFloat(`${defaultValue}`);
         if (!isNaN(value))
             setValue(value, true);
     }, [defaultValue]);
@@ -33,7 +33,7 @@ export const IntInputField = React.forwardRef((props, ref) => {
             min,
             step,
             max,
-            style,
+            style: inputStyle,
             inputMode: "numeric"
         }, InputProps: {
             startAdornment: symbol ? (React.createElement(React.Fragment, null,

package/package.json

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

package/src/IntInputField.tsx

@@ -1,4 +1,4 @@
-import { Box, IconButton, InputAdornment, InputBaseProps } from "@mui/material";
+import { Box, IconButton, InputAdornment } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
 import React from "react";
@@ -10,34 +10,53 @@ import { InputField, InputFieldProps } from "./InputField";
 export type IntInputFieldProps = Omit<
   InputFieldProps,
   "type" | "inputProps" | "value"
-> &
-  InputBaseProps["inputProps"] & {
-    /**
-     * Display minus and plus buttons
-     */
-    buttons?: boolean;
-
-    /**
-     * End symbol
-     */
-    endSymbol?: string;
-
-    /**
-     * Start (Currency) symbol
-     */
-    symbol?: string;
-
-    /**
-     * Value
-     */
-    value?: number;
-
-    /**
-     * On value change callback
-     * @param value Value
-     */
-    onValueChange?: (value: number | undefined, init: boolean) => void;
-  };
+> & {
+  /**
+   * Minimum value
+   */
+  min?: number;
+
+  /**
+   * Maximum value
+   */
+  max?: number;
+
+  /**
+   * Step value
+   */
+  step?: number;
+
+  /**
+   * Display minus and plus buttons
+   */
+  buttons?: boolean;
+
+  /**
+   * End symbol
+   */
+  endSymbol?: string;
+
+  /**
+   * Start (Currency) symbol
+   */
+  symbol?: string;
+
+  /**
+   * Value
+   */
+  value?: number;
+
+  /**
+   * Input field style
+   */
+  inputStyle?: React.CSSProperties;
+
+  /**
+   * On value change callback
+   * @param value Value
+   */
+  onValueChange?: (value: number | undefined, init: boolean) => void;
+};
 
 /**
  * Integer input field
@@ -51,7 +70,7 @@ export const IntInputField = React.forwardRef<
     min = 0,
     step = 1,
     max = 9999999,
-    style = { textAlign: "right" },
+    inputStyle = { textAlign: "right" },
     buttons,
     endSymbol,
     symbol,
@@ -75,11 +94,11 @@ export const IntInputField = React.forwardRef<
   }, [value]);
 
   React.useEffect(() => {
-    if (defaultValue == null || typeof defaultValue === "object") return;
+    if (defaultValue == null) return;
     const value =
       typeof defaultValue === "number"
         ? defaultValue
-        : parseFloat(defaultValue);
+        : parseFloat(`${defaultValue}`);
     if (!isNaN(value)) setValue(value, true);
   }, [defaultValue]);
 
@@ -93,7 +112,7 @@ export const IntInputField = React.forwardRef<
         min,
         step,
         max,
-        style,
+        style: inputStyle,
         inputMode: "numeric"
       }}
       InputProps={{