@etsoo/materialui 1.5.42 → 1.5.44

package/lib/cjs/ButtonLink.d.ts

@@ -2,7 +2,7 @@ import { ButtonProps } from "@mui/material/Button";
 /**
  * ButtonLink props
  */
-export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
+export type ButtonLinkProps<T = unknown> = Omit<ButtonProps, "href" | "onClick"> & {
     /**
      * To href
      */
@@ -10,11 +10,11 @@ export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
     /**
      * Link state
      */
-    state?: any;
+    state?: T;
 };
 /**
  * ButtonLink
  * @param props Props
  * @returns Component
  */
-export declare function ButtonLink(props: ButtonLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonLink<T = unknown>(props: ButtonLinkProps<T>): import("react/jsx-runtime").JSX.Element;

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/cjs/IconButtonLink.d.ts

@@ -2,7 +2,7 @@ import { IconButtonProps } from "@mui/material/IconButton";
 /**
  * IconButtonLink props
  */
-export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
+export type IconButtonLinkProps<T = unknown> = Omit<IconButtonProps, "href" | "onClick"> & {
     /**
      * To href
      */
@@ -10,11 +10,11 @@ export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
     /**
      * Link state
      */
-    state?: any;
+    state?: T;
 };
 /**
  * IconButtonLink
  * @param props Props
  * @returns Component
  */
-export declare function IconButtonLink(props: IconButtonLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButtonLink<T = unknown>(props: IconButtonLinkProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ButtonLink.d.ts

@@ -2,7 +2,7 @@ import { ButtonProps } from "@mui/material/Button";
 /**
  * ButtonLink props
  */
-export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
+export type ButtonLinkProps<T = unknown> = Omit<ButtonProps, "href" | "onClick"> & {
     /**
      * To href
      */
@@ -10,11 +10,11 @@ export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
     /**
      * Link state
      */
-    state?: any;
+    state?: T;
 };
 /**
  * ButtonLink
  * @param props Props
  * @returns Component
  */
-export declare function ButtonLink(props: ButtonLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonLink<T = unknown>(props: ButtonLinkProps<T>): import("react/jsx-runtime").JSX.Element;

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/lib/mjs/IconButtonLink.d.ts

@@ -2,7 +2,7 @@ import { IconButtonProps } from "@mui/material/IconButton";
 /**
  * IconButtonLink props
  */
-export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
+export type IconButtonLinkProps<T = unknown> = Omit<IconButtonProps, "href" | "onClick"> & {
     /**
      * To href
      */
@@ -10,11 +10,11 @@ export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
     /**
      * Link state
      */
-    state?: any;
+    state?: T;
 };
 /**
  * IconButtonLink
  * @param props Props
  * @returns Component
  */
-export declare function IconButtonLink(props: IconButtonLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButtonLink<T = unknown>(props: IconButtonLinkProps<T>): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.42",
+  "version": "1.5.44",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -42,7 +42,7 @@
     "@emotion/styled": "^11.14.0",
     "@etsoo/appscript": "^1.6.32",
     "@etsoo/notificationbase": "^1.1.60",
-    "@etsoo/react": "^1.8.42",
+    "@etsoo/react": "^1.8.43",
     "@etsoo/shared": "^1.2.70",
     "@mui/icons-material": "^7.0.2",
     "@mui/material": "^7.0.2",

package/src/ButtonLink.tsx

@@ -4,7 +4,10 @@ import { useNavigate } from "react-router-dom";
 /**
  * ButtonLink props
  */
-export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
+export type ButtonLinkProps<T = unknown> = Omit<
+  ButtonProps,
+  "href" | "onClick"
+> & {
   /**
    * To href
    */
@@ -13,7 +16,7 @@ export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
   /**
    * Link state
    */
-  state?: any;
+  state?: T;
 };
 
 /**
@@ -21,7 +24,7 @@ export type ButtonLinkProps = Omit<ButtonProps, "href" | "onClick"> & {
  * @param props Props
  * @returns Component
  */
-export function ButtonLink(props: ButtonLinkProps) {
+export function ButtonLink<T = unknown>(props: ButtonLinkProps<T>) {
   // Destruct
   const { href, state, ...rest } = props;
 

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}
+    />
+  );
 }

package/src/IconButtonLink.tsx

@@ -4,7 +4,10 @@ import { useNavigate } from "react-router";
 /**
  * IconButtonLink props
  */
-export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
+export type IconButtonLinkProps<T = unknown> = Omit<
+  IconButtonProps,
+  "href" | "onClick"
+> & {
   /**
    * To href
    */
@@ -13,7 +16,7 @@ export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
   /**
    * Link state
    */
-  state?: any;
+  state?: T;
 };
 
 /**
@@ -21,7 +24,7 @@ export type IconButtonLinkProps = Omit<IconButtonProps, "href" | "onClick"> & {
  * @param props Props
  * @returns Component
  */
-export function IconButtonLink(props: IconButtonLinkProps) {
+export function IconButtonLink<T = unknown>(props: IconButtonLinkProps<T>) {
   // Destruct
   const { href, state, ...rest } = props;