umwd-components 0.1.259 → 0.1.261

package/dist/cjs/src/components/ExplanatoryFoldOut.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";var e=require("@mui/material"),t=require("@mui/icons-material"),r=require("react");exports.ExplanatoryFoldOut=function(a){let{title:l,description:c,sx:i={}}=a;const[n,o]=r.useState(!1);return React.createElement(e.Box,null,React.createElement(e.Divider,{textAlign:"left"},React.createElement(e.Chip,{label:l,size:"small",color:"primary",onClick:()=>o(!n),icon:n?React.createElement(t.KeyboardArrowUp,null):React.createElement(t.KeyboardArrowDown,null)})),React.createElement(e.Collapse,{in:n},React.createElement(e.Typography,{variant:"body2",color:"primary",sx:{mt:1}},c)))};
+"use strict";var e=require("react"),r=require("@mui/material"),t=require("@mui/icons-material");exports.ExplanatoryFoldOut=function(l){let{title:a,description:i,sx:n={}}=l;const[o,c]=e.useState(!1);return e.createElement(r.Box,null,e.createElement(r.Divider,{textAlign:"left"},e.createElement(r.Chip,{label:a,size:"small",color:"primary",onClick:()=>c(!o),icon:o?e.createElement(t.KeyboardArrowUp,null):e.createElement(t.KeyboardArrowDown,null)})),e.createElement(r.Collapse,{in:o},e.createElement(r.Typography,{variant:"body2",color:"primary",sx:{mt:1}},i)))};

package/dist/cjs/src/components/StyledLink.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-"use strict";var e=require("react"),r=require("next/link"),t=require("@mui/material");exports.StyledLink=function(a){let{href:i,sx:n,children:l,target:c}=a;return e.createElement(r,{href:i,passHref:!0,legacyBehavior:!0},e.createElement(t.Link,{target:c||"_blank",sx:{...n}},l))};
+"use strict";var e=require("react"),r=require("next/link"),t=require("@mui/material/Link");exports.StyledLink=function(a){let{href:i,sx:n=[],children:l,target:s}=a;return e.createElement(r,{href:i,passHref:!0,legacyBehavior:!0},e.createElement(t,{target:s||"_blank",sx:[...Array.isArray(n)?n:[n]]},l))};

package/dist/esm/src/components/ExplanatoryFoldOut.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import{Box as e,Divider as t,Chip as r,Collapse as l,Typography as a}from"@mui/material";import{KeyboardArrowUp as c,KeyboardArrowDown as m}from"@mui/icons-material";import{useState as n}from"react";function i(i){let{title:o,description:p,sx:s={}}=i;const[u,E]=n(!1);return React.createElement(e,null,React.createElement(t,{textAlign:"left"},React.createElement(r,{label:o,size:"small",color:"primary",onClick:()=>E(!u),icon:u?React.createElement(c,null):React.createElement(m,null)})),React.createElement(l,{in:u},React.createElement(a,{variant:"body2",color:"primary",sx:{mt:1}},p)))}export{i as ExplanatoryFoldOut};
+import e,{useState as t}from"react";import{Box as r,Divider as l,Chip as m,Collapse as n,Typography as i}from"@mui/material";import{KeyboardArrowUp as a,KeyboardArrowDown as o}from"@mui/icons-material";function c(c){let{title:p,description:s,sx:u={}}=c;const[E,f]=t(!1);return e.createElement(r,null,e.createElement(l,{textAlign:"left"},e.createElement(m,{label:p,size:"small",color:"primary",onClick:()=>f(!E),icon:E?e.createElement(a,null):e.createElement(o,null)})),e.createElement(n,{in:E},e.createElement(i,{variant:"body2",color:"primary",sx:{mt:1}},s)))}export{c as ExplanatoryFoldOut};

package/dist/esm/src/components/StyledLink.js

@@ -3,4 +3,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import e from"react";import r from"next/link";import{Link as t}from"@mui/material";function a(a){let{href:i,sx:m,children:n,target:o}=a;return e.createElement(r,{href:i,passHref:!0,legacyBehavior:!0},e.createElement(t,{target:o||"_blank",sx:{...m}},n))}export{a as StyledLink};
+import r from"react";import e from"next/link";import t from"@mui/material/Link";function a(a){let{href:i,sx:m=[],children:n,target:o}=a;return r.createElement(e,{href:i,passHref:!0,legacyBehavior:!0},r.createElement(t,{target:o||"_blank",sx:[...Array.isArray(m)?m:[m]]},n))}export{a as StyledLink};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.259",
+  "version": "0.1.261",
   "description": "UMWD Component library",
   "main": "dist/cjs/src/index.js",
   "module": "dist/esm/src/index.js",

package/src/components/ExplanatoryFoldOut.tsx

@@ -1,4 +1,6 @@
 // "use client"
+
+import React from "react";
 import {
   Typography,
   Divider,

package/src/components/StyledLink.tsx

@@ -1,23 +1,30 @@
 import React from "react";
-// import NextLink from "next/link";
 import NextLink from "next/link";
-import { Link } from "@mui/material";
+import Link from "@mui/material/Link";
 import { SxProps, Theme } from "@mui/material/styles";
 
+interface StyledLinkProps {
+  href: string;
+  sx?: SxProps<Theme>;
+  children: React.ReactNode | string;
+  target?: string;
+}
+
 export function StyledLink({
   href,
-  sx,
+  sx = [],
   children,
   target,
-}: {
-  readonly href: string;
-  readonly sx?: SxProps<Theme>;
-  readonly children: React.ReactNode | string;
-  readonly target?: string;
-}) {
+}: StyledLinkProps) {
   return (
     <NextLink href={href} passHref legacyBehavior>
-      <Link target={target || "_blank"} sx={{ ...sx }}>
+      <Link
+        target={target || "_blank"}
+        sx={[
+          // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
+          ...(Array.isArray(sx) ? sx : [sx]),
+        ]}
+      >
         {children}
       </Link>
     </NextLink>