@etsoo/materialui 1.6.63 → 1.6.64

package/lib/cjs/LinkEx.d.ts

@@ -3,7 +3,12 @@ import { Link as RouterLink } from "react-router";
 /**
  * Extended link component props
  */
-export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component">;
+export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component"> & {
+    /**
+     * Disabled or not
+     */
+    disabled?: boolean;
+};
 /**
  * Extended link component
  * @param props Props

package/lib/cjs/LinkEx.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkEx = LinkEx;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
 const react_router_1 = require("react-router");
 /**
  * Extended link component
@@ -10,6 +14,6 @@ const react_router_1 = require("react-router");
  * @returns Component
  */
 function LinkEx(props) {
-    const { underline = "hover", ...rest } = props;
-    return (0, jsx_runtime_1.jsx)(material_1.Link, { component: react_router_1.Link, underline: underline, ...rest });
+    const { children, disabled, underline = "hover", ...rest } = props;
+    return disabled ? ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Link, { component: react_router_1.Link, underline: underline, ...rest, children: children }));
 }

package/lib/mjs/LinkEx.d.ts

@@ -3,7 +3,12 @@ import { Link as RouterLink } from "react-router";
 /**
  * Extended link component props
  */
-export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component">;
+export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component"> & {
+    /**
+     * Disabled or not
+     */
+    disabled?: boolean;
+};
 /**
  * Extended link component
  * @param props Props

package/lib/mjs/LinkEx.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link } from "@mui/material";
+import React from "react";
 import { Link as RouterLink } from "react-router";
 /**
  * Extended link component
@@ -7,6 +8,6 @@ import { Link as RouterLink } from "react-router";
  * @returns Component
  */
 export function LinkEx(props) {
-    const { underline = "hover", ...rest } = props;
-    return _jsx(Link, { component: RouterLink, underline: underline, ...rest });
+    const { children, disabled, underline = "hover", ...rest } = props;
+    return disabled ? (_jsx(React.Fragment, { children: children })) : (_jsx(Link, { component: RouterLink, underline: underline, ...rest, children: children }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.6.63",
+  "version": "1.6.64",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -46,7 +46,7 @@
     "@etsoo/shared": "^1.2.84",
     "@mui/icons-material": "^9.0.1",
     "@mui/material": "^9.0.1",
-    "@mui/x-data-grid": "^9.1.0",
+    "@mui/x-data-grid": "^9.3.0",
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
     "dompurify": "^3.4.5",

package/src/LinkEx.tsx

@@ -1,10 +1,16 @@
 import { Link, LinkProps } from "@mui/material";
+import React from "react";
 import { Link as RouterLink } from "react-router";
 
 /**
  * Extended link component props
  */
-export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component">;
+export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component"> & {
+  /**
+   * Disabled or not
+   */
+  disabled?: boolean;
+};
 
 /**
  * Extended link component
@@ -12,6 +18,12 @@ export type LinkExProps = Omit<LinkProps<typeof RouterLink>, "component">;
  * @returns Component
  */
 export function LinkEx(props: LinkExProps) {
-  const { underline = "hover", ...rest } = props;
-  return <Link component={RouterLink} underline={underline} {...rest} />;
+  const { children, disabled, underline = "hover", ...rest } = props;
+  return disabled ? (
+    <React.Fragment>{children}</React.Fragment>
+  ) : (
+    <Link component={RouterLink} underline={underline} {...rest}>
+      {children}
+    </Link>
+  );
 }