@etsoo/materialui 1.5.14 → 1.5.15

package/lib/cjs/SearchField.js

@@ -7,8 +7,8 @@ exports.SearchField = SearchField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@etsoo/react");
 const react_2 = __importDefault(require("react"));
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const MUGlobal_1 = require("./MUGlobal");
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
 /**
  * Search field
  * @param props Props
@@ -16,13 +16,14 @@ const MUGlobal_1 = require("./MUGlobal");
  */
 function SearchField(props) {
     // Destruct
-    const { changeDelay, onChange, readOnly, slotProps = {}, size = MUGlobal_1.MUGlobal.searchFieldSize, variant = MUGlobal_1.MUGlobal.searchFieldVariant, minChars = 0, ...rest } = props;
+    const { changeDelay, InputLabelProps = {}, InputProps = {}, inputProps = {}, onChange, readOnly, size = MUGlobal_1.MUGlobal.searchFieldSize, variant = MUGlobal_1.MUGlobal.searchFieldVariant, minChars = 0, ...rest } = props;
     // Shrink
-    const defaultProps = {
-        input: { readOnly: readOnly },
-        inputLabel: { shrink: MUGlobal_1.MUGlobal.searchFieldShrink },
-        htmlInput: { "data-min-chars": minChars }
-    };
+    InputLabelProps.shrink ??= MUGlobal_1.MUGlobal.searchFieldShrink;
+    // Read only
+    if (readOnly != null)
+        InputProps.readOnly = readOnly;
+    // Min characters
+    inputProps["data-min-chars"] = minChars;
     const isMounted = react_2.default.useRef(true);
     const delayed = onChange != null && changeDelay != null && changeDelay >= 1
         ? (0, react_1.useDelayedExecutor)(onChange, changeDelay)
@@ -51,5 +52,5 @@ function SearchField(props) {
         };
     }, []);
     // Layout
-    return ((0, jsx_runtime_1.jsx)(TextField_1.default, { slotProps: Object.assign(slotProps, defaultProps), onChange: onChangeEx, size: size, variant: variant, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.default, { InputLabelProps: InputLabelProps, InputProps: InputProps, inputProps: inputProps, onChange: onChangeEx, size: size, variant: variant, ...rest }));
 }

package/lib/mjs/SearchField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
 import React from "react";
-import TextField from "@mui/material/TextField";
 import { MUGlobal } from "./MUGlobal";
+import TextField from "@mui/material/TextField";
 /**
  * Search field
  * @param props Props
@@ -10,13 +10,14 @@ import { MUGlobal } from "./MUGlobal";
  */
 export function SearchField(props) {
     // Destruct
-    const { changeDelay, onChange, readOnly, slotProps = {}, size = MUGlobal.searchFieldSize, variant = MUGlobal.searchFieldVariant, minChars = 0, ...rest } = props;
+    const { changeDelay, InputLabelProps = {}, InputProps = {}, inputProps = {}, onChange, readOnly, size = MUGlobal.searchFieldSize, variant = MUGlobal.searchFieldVariant, minChars = 0, ...rest } = props;
     // Shrink
-    const defaultProps = {
-        input: { readOnly: readOnly },
-        inputLabel: { shrink: MUGlobal.searchFieldShrink },
-        htmlInput: { "data-min-chars": minChars }
-    };
+    InputLabelProps.shrink ??= MUGlobal.searchFieldShrink;
+    // Read only
+    if (readOnly != null)
+        InputProps.readOnly = readOnly;
+    // Min characters
+    inputProps["data-min-chars"] = minChars;
     const isMounted = React.useRef(true);
     const delayed = onChange != null && changeDelay != null && changeDelay >= 1
         ? useDelayedExecutor(onChange, changeDelay)
@@ -45,5 +46,5 @@ export function SearchField(props) {
         };
     }, []);
     // Layout
-    return (_jsx(TextField, { slotProps: Object.assign(slotProps, defaultProps), onChange: onChangeEx, size: size, variant: variant, ...rest }));
+    return (_jsx(TextField, { InputLabelProps: InputLabelProps, InputProps: InputProps, inputProps: inputProps, onChange: onChangeEx, size: size, variant: variant, ...rest }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.14",
+  "version": "1.5.15",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",

package/src/SearchField.tsx

@@ -1,7 +1,7 @@
 import { useDelayedExecutor } from "@etsoo/react";
 import React from "react";
-import TextField, { TextFieldProps } from "@mui/material/TextField";
 import { MUGlobal } from "./MUGlobal";
+import TextField, { TextFieldProps } from "@mui/material/TextField";
 
 /**
  * Search field props
@@ -32,9 +32,11 @@ export function SearchField(props: SearchFieldProps) {
   // Destruct
   const {
     changeDelay,
+    InputLabelProps = {},
+    InputProps = {},
+    inputProps = {},
     onChange,
     readOnly,
-    slotProps = {},
     size = MUGlobal.searchFieldSize,
     variant = MUGlobal.searchFieldVariant,
     minChars = 0,
@@ -42,11 +44,13 @@ export function SearchField(props: SearchFieldProps) {
   } = props;
 
   // Shrink
-  const defaultProps: typeof slotProps = {
-    input: { readOnly: readOnly },
-    inputLabel: { shrink: MUGlobal.searchFieldShrink },
-    htmlInput: { "data-min-chars": minChars }
-  };
+  InputLabelProps.shrink ??= MUGlobal.searchFieldShrink;
+
+  // Read only
+  if (readOnly != null) InputProps.readOnly = readOnly;
+
+  // Min characters
+  inputProps["data-min-chars"] = minChars;
 
   const isMounted = React.useRef(true);
   const delayed =
@@ -86,7 +90,9 @@ export function SearchField(props: SearchFieldProps) {
   // Layout
   return (
     <TextField
-      slotProps={Object.assign(slotProps, defaultProps)}
+      InputLabelProps={InputLabelProps}
+      InputProps={InputProps}
+      inputProps={inputProps}
       onChange={onChangeEx}
       size={size}
       variant={variant}