@etsoo/materialui 1.5.43 → 1.5.44

package/lib/cjs/EmailInput.js

@@ -11,8 +11,8 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
  * @param props Props
  */
 function EmailInput(props) {
-    props.slotProps ??= {};
-    props.slotProps.htmlInput ??= { maxLength: 128 };
+    // Destruct
+    const { slotProps, ...rest } = props;
     // Layout
-    return (0, jsx_runtime_1.jsx)(TextField_1.default, { type: "email", fullWidth: true, ...props });
+    return ((0, jsx_runtime_1.jsx)(TextField_1.default, { type: "email", fullWidth: true, slotProps: { htmlInput: { maxLength: 128 }, ...slotProps }, ...rest }));
 }

package/lib/mjs/EmailInput.js

@@ -5,8 +5,8 @@ import TextField from "@mui/material/TextField";
  * @param props Props
  */
 export function EmailInput(props) {
-    props.slotProps ??= {};
-    props.slotProps.htmlInput ??= { maxLength: 128 };
+    // Destruct
+    const { slotProps, ...rest } = props;
     // Layout
-    return _jsx(TextField, { type: "email", fullWidth: true, ...props });
+    return (_jsx(TextField, { type: "email", fullWidth: true, slotProps: { htmlInput: { maxLength: 128 }, ...slotProps }, ...rest }));
 }

package/package.json

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

package/src/EmailInput.tsx

@@ -10,9 +10,16 @@ export type EmailInputProps = Omit<TextFieldProps, "type"> & {};
  * @param props Props
  */
 export function EmailInput(props: EmailInputProps) {
-  props.slotProps ??= {};
-  props.slotProps.htmlInput ??= { maxLength: 128 };
+  // Destruct
+  const { slotProps, ...rest } = props;
 
   // Layout
-  return <TextField type="email" fullWidth {...props} />;
+  return (
+    <TextField
+      type="email"
+      fullWidth
+      slotProps={{ htmlInput: { maxLength: 128 }, ...slotProps }}
+      {...rest}
+    />
+  );
 }