@xyo-network/react-card 7.4.1 → 7.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/browser/components/CardContentEx.stories.d.ts +3 -3
  2. package/dist/browser/components/FullWidthCard/FullWidthCard.stories.d.ts +1 -1
  3. package/dist/browser/components/FullWidthCard/FullWidthCard.stories.d.ts.map +1 -1
  4. package/dist/browser/components/PageCard.stories.d.ts +3 -3
  5. package/dist/browser/components/PageCard.stories.d.ts.map +1 -1
  6. package/dist/browser/components/SimpleCard/SimpleCard.stories.d.ts +6 -6
  7. package/dist/browser/components/SimpleCard/SimpleCard.stories.d.ts.map +1 -1
  8. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.stories.d.ts +1 -1
  9. package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.stories.d.ts.map +1 -1
  10. package/dist/browser/index.mjs +210 -206
  11. package/dist/browser/index.mjs.map +1 -1
  12. package/package.json +19 -19
package/dist/browser/components/CardContentEx.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import React from 'react';
3
3
  declare const StorybookEntry: Meta;
4
- declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx"> & {
4
+ declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx"> & {
5
5
  component?: React.ElementType;
6
6
  } & {
7
7
  refreshRef?: number;
@@ -11,7 +11,7 @@ declare const Default: import(".store/storybook-virtual-a067dd1507/package/inter
11
11
  } & {
12
12
  ref?: React.RefObject<HTMLDivElement | null>;
13
13
  }>;
14
- declare const WithRef: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx"> & {
14
+ declare const WithRef: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx"> & {
15
15
  component?: React.ElementType;
16
16
  } & {
17
17
  refreshRef?: number;
@@ -21,7 +21,7 @@ declare const WithRef: import(".store/storybook-virtual-a067dd1507/package/inter
21
21
  } & {
22
22
  ref?: React.RefObject<HTMLDivElement | null>;
23
23
  }>;
24
- declare const WithVariant: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx"> & {
24
+ declare const WithVariant: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx"> & {
25
25
  component?: React.ElementType;
26
26
  } & {
27
27
  refreshRef?: number;
package/dist/browser/components/FullWidthCard/FullWidthCard.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { FullWidthCard } from './FullWidthCard.tsx';
3
3
  declare const StorybookEntry: Meta<typeof FullWidthCard>;
4
- declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./FullWidthCard.tsx").FullWidthCardProps>;
4
+ declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./FullWidthCard.tsx").FullWidthCardProps>;
5
5
  export { Default };
6
6
  export default StorybookEntry;
7
7
  //# sourceMappingURL=FullWidthCard.stories.d.ts.map
package/dist/browser/components/FullWidthCard/FullWidthCard.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FullWidthCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,aAAa,CAAC,CAAA;AAQ/B,QAAA,MAAM,OAAO,sLAAoB,CAAA;AASjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"FullWidthCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,aAAa,CAAC,CAAA;AAQ/B,QAAA,MAAM,OAAO,+IAAoB,CAAA;AASjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,eAAe,cAAc,CAAA"}
package/dist/browser/components/PageCard.stories.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  declare const StorybookEntry: Meta;
3
- declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
4
- declare const WithNoOnRefresh: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
5
- declare const WithRef: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
3
+ declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
4
+ declare const WithNoOnRefresh: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
5
+ declare const WithRef: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
6
6
  export { Default, WithNoOnRefresh, WithRef, };
7
7
  export default StorybookEntry;
8
8
  //# sourceMappingURL=PageCard.stories.d.ts.map
package/dist/browser/components/PageCard.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAM1D,QAAA,MAAM,cAAc,EAAE,IAKrB,CAAA;AA2BD,QAAA,MAAM,OAAO,4KAAoB,CAAA;AAIjC,QAAA,MAAM,eAAe,4KAAmC,CAAA;AAIxD,QAAA,MAAM,OAAO,4KAAoB,CAAA;AAGjC,OAAO,EACL,OAAO,EAAE,eAAe,EAAE,OAAO,GAClC,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"PageCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAM1D,QAAA,MAAM,cAAc,EAAE,IAKrB,CAAA;AA2BD,QAAA,MAAM,OAAO,qIAAoB,CAAA;AAIjC,QAAA,MAAM,eAAe,qIAAmC,CAAA;AAIxD,QAAA,MAAM,OAAO,qIAAoB,CAAA;AAGjC,OAAO,EACL,OAAO,EAAE,eAAe,EAAE,OAAO,GAClC,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist/browser/components/SimpleCard/SimpleCard.stories.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { SimpleCard } from './SimpleCard.tsx';
3
3
  declare const StorybookEntry: Meta<typeof SimpleCard>;
4
- declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
5
- declare const DefaultWithImage: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
6
- declare const VariantButton: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
7
- declare const DefaultSmallCard: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
8
- declare const DefaultMediaCard: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
9
- declare const CardWithAllParameters: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
4
+ declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
5
+ declare const DefaultWithImage: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
6
+ declare const VariantButton: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
7
+ declare const DefaultSmallCard: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
8
+ declare const DefaultMediaCard: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
9
+ declare const CardWithAllParameters: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
10
10
  export { CardWithAllParameters, Default, DefaultMediaCard, DefaultSmallCard, DefaultWithImage, VariantButton, };
11
11
  export default StorybookEntry;
12
12
  //# sourceMappingURL=SimpleCard.stories.d.ts.map
package/dist/browser/components/SimpleCard/SimpleCard.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAM1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;AAiC5B,QAAA,MAAM,OAAO,gLAAoB,CAAA;AAMjC,QAAA,MAAM,gBAAgB,gLAAoB,CAAA;AAO1C,QAAA,MAAM,aAAa,gLAAoB,CAAA;AAOvC,QAAA,MAAM,gBAAgB,gLAAoB,CAAA;AAO1C,QAAA,MAAM,gBAAgB,gLAAoB,CAAA;AAO1C,QAAA,MAAM,qBAAqB,gLAAoB,CAAA;AAa/C,OAAO,EACL,qBAAqB,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,GACpG,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"SimpleCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAM1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;AAiC5B,QAAA,MAAM,OAAO,yIAAoB,CAAA;AAMjC,QAAA,MAAM,gBAAgB,yIAAoB,CAAA;AAO1C,QAAA,MAAM,aAAa,yIAAoB,CAAA;AAOvC,QAAA,MAAM,gBAAgB,yIAAoB,CAAA;AAO1C,QAAA,MAAM,gBAAgB,yIAAoB,CAAA;AAO1C,QAAA,MAAM,qBAAqB,yIAAoB,CAAA;AAa/C,OAAO,EACL,qBAAqB,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,GACpG,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { SimpleCardGrid } from './SimpleCardGrid.tsx';
3
3
  declare const StorybookEntry: Meta<typeof SimpleCardGrid>;
4
- declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCardGrid.tsx").SimpleCardGridProps>;
4
+ declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./SimpleCardGrid.tsx").SimpleCardGridProps>;
5
5
  export { Default };
6
6
  export default StorybookEntry;
7
7
  //# sourceMappingURL=SimpleCardGrid.stories.d.ts.map
package/dist/browser/components/SimpleCardGrid/SimpleCardGrid.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleCardGrid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAM1D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,cAAc,CAAC,CAAA;AAQhC,QAAA,MAAM,OAAO,wLAAoB,CAAA;AAkDjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"SimpleCardGrid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCardGrid/SimpleCardGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAM1D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,cAAc,CAAC,CAAA;AAQhC,QAAA,MAAM,OAAO,iJAAoB,CAAA;AAkDjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,eAAe,cAAc,CAAA"}
package/dist/browser/index.mjs CHANGED
@@ -1,270 +1,274 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+
1
4
  // src/components/CardContentEx.tsx
2
5
  import { CardContent, styled } from "@mui/material";
3
6
  import { useShareForwardedRef } from "@xyo-network/react-shared";
4
- import { useEffect } from "react";
5
- import { jsx } from "react/jsx-runtime";
7
+ import React, { useEffect } from "react";
6
8
  var CardContentExRoot = styled(CardContent, {
7
9
  name: "CardContentEx",
8
- shouldForwardProp: (prop) => !["variant", "removePadding"].includes(prop),
10
+ shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
11
+ "variant",
12
+ "removePadding"
13
+ ].includes(prop), "shouldForwardProp"),
9
14
  slot: "Root"
10
15
  })(({ variant, removePadding }) => ({
11
16
  ...(variant === "scrollable" || removePadding) && {
12
- [":last-child"]: { paddingBottom: 0 },
17
+ [":last-child"]: {
18
+ paddingBottom: 0
19
+ },
13
20
  overflow: "auto",
14
21
  paddingTop: 0,
15
- ...removePadding && { padding: 0 }
22
+ ...removePadding && {
23
+ padding: 0
24
+ }
16
25
  }
17
26
  }));
18
- var CardContentExWithRef = ({
19
- ref,
20
- scrollToTop = 0,
21
- refreshRef = 0,
22
- ...props
23
- }) => {
27
+ var CardContentExWithRef = /* @__PURE__ */ __name(({ ref, scrollToTop = 0, refreshRef = 0, ...props }) => {
24
28
  const sharedRef = useShareForwardedRef(ref, refreshRef);
25
29
  useEffect(() => {
26
30
  if (sharedRef && scrollToTop) {
27
- sharedRef.current?.scroll({ behavior: "smooth", top: 0 });
31
+ sharedRef.current?.scroll({
32
+ behavior: "smooth",
33
+ top: 0
34
+ });
28
35
  }
29
- }, [sharedRef, scrollToTop]);
30
- return /* @__PURE__ */ jsx(CardContentExRoot, { ref: sharedRef, ...props });
31
- };
36
+ }, [
37
+ sharedRef,
38
+ scrollToTop
39
+ ]);
40
+ return /* @__PURE__ */ React.createElement(CardContentExRoot, {
41
+ ref: sharedRef,
42
+ ...props
43
+ });
44
+ }, "CardContentExWithRef");
32
45
  CardContentExWithRef.displayName = "CardContentEx";
33
46
  var CardContentEx = CardContentExWithRef;
34
47
 
35
48
  // src/components/CardEx.tsx
36
49
  import { Card } from "@mui/material";
37
50
  import { useGradientStyles } from "@xyo-network/react-shared";
38
- import { jsx as jsx2 } from "react/jsx-runtime";
39
- var CardExWithRef = ({
40
- ref,
41
- style,
42
- gradient,
43
- ...props
44
- }) => {
51
+ import React2 from "react";
52
+ var CardExWithRef = /* @__PURE__ */ __name(({ ref, style, gradient, ...props }) => {
45
53
  const styles = useGradientStyles();
46
54
  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
47
- return /* @__PURE__ */ jsx2(
48
- Card,
49
- {
50
- style: {
51
- ...gradientStyle,
52
- ...style
53
- },
54
- ref,
55
- ...props
56
- }
57
- );
58
- };
55
+ return /* @__PURE__ */ React2.createElement(Card, {
56
+ style: {
57
+ ...gradientStyle,
58
+ ...style
59
+ },
60
+ ref,
61
+ ...props
62
+ });
63
+ }, "CardExWithRef");
59
64
  CardExWithRef.displayName = "CardEx";
60
65
  var CardEx = CardExWithRef;
61
66
 
62
67
  // src/components/FullWidthCard/FullWidthCard.tsx
63
68
  import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
64
- import {
65
- Card as Card2,
66
- CardActions,
67
- CardContent as CardContent2,
68
- CardMedia,
69
- Grid,
70
- IconButton,
71
- Typography,
72
- useTheme,
73
- Zoom
74
- } from "@mui/material";
69
+ import { Card as Card2, CardActions, CardContent as CardContent2, CardMedia, Grid, IconButton, Typography, useTheme, Zoom } from "@mui/material";
75
70
  import { FlexGrowCol } from "@xylabs/react-flexbox";
76
71
  import { alphaCss, useIsSmall } from "@xylabs/react-theme";
77
- import { useState } from "react";
72
+ import React3, { useState } from "react";
78
73
  import { useNavigate } from "react-router-dom";
79
- import { jsx as jsx3, jsxs } from "react/jsx-runtime";
80
- var FullWidthCard = ({
81
- cardIsButton,
82
- desc,
83
- href,
84
- media,
85
- name,
86
- small,
87
- to,
88
- ...props
89
- }) => {
74
+ var FullWidthCard = /* @__PURE__ */ __name(({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
90
75
  const theme = useTheme();
91
76
  const [raised, setRaised] = useState(false);
92
77
  const navigate = useNavigate();
93
78
  const isMobile = useIsSmall();
94
- const localRouteChange = (to2) => {
79
+ const localRouteChange = /* @__PURE__ */ __name((to2) => {
95
80
  to2 ? void navigate(to2) : void navigate("/404");
96
- };
97
- const externalRouteChange = (href2) => {
81
+ }, "localRouteChange");
82
+ const externalRouteChange = /* @__PURE__ */ __name((href2) => {
98
83
  href2 ? void window.open(href2) : void navigate("/404");
99
- };
100
- return /* @__PURE__ */ jsxs(
101
- Card2,
102
- {
103
- elevation: raised ? 3 : 0,
104
- style: { height: "100%", width: "100%" },
105
- ...props,
106
- sx: {
107
- "&:hover": { cursor: "pointer" },
108
- "backgroundColor": alphaCss(theme.vars.palette.primary.light, 0.05)
84
+ }, "externalRouteChange");
85
+ return /* @__PURE__ */ React3.createElement(Card2, {
86
+ elevation: raised ? 3 : 0,
87
+ style: {
88
+ height: "100%",
89
+ width: "100%"
90
+ },
91
+ ...props,
92
+ sx: {
93
+ "&:hover": {
94
+ cursor: "pointer"
109
95
  },
110
- onMouseEnter: () => isMobile ? null : cardIsButton ? setRaised(true) : null,
111
- onMouseLeave: () => isMobile ? null : cardIsButton ? setRaised(false) : null,
112
- onClick: () => cardIsButton ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
113
- children: [
114
- media ? /* @__PURE__ */ jsx3(CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null,
115
- /* @__PURE__ */ jsx3(CardContent2, { children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingY: 2, paddingX: 2, children: [
116
- /* @__PURE__ */ jsx3(Grid, { size: { xs: 12, md: 6 }, children: typeof name === "string" ? /* @__PURE__ */ jsx3(Typography, { fontWeight: 700, variant: "h2", textAlign: "left", paddingBottom: 1, children: name }) : name }),
117
- /* @__PURE__ */ jsx3(Grid, { size: { xs: 12, md: 5 }, children: /* @__PURE__ */ jsx3(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: desc }) }),
118
- /* @__PURE__ */ jsx3(Grid, { size: { xs: 1 }, display: isMobile ? "none" : "flex", justifyContent: "center", children: /* @__PURE__ */ jsx3(Zoom, { in: raised, children: /* @__PURE__ */ jsx3(
119
- IconButton,
120
- {
121
- color: "primary",
122
- size: small ? "small" : "medium",
123
- onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
124
- disableFocusRipple: true,
125
- disableRipple: true,
126
- disableTouchRipple: true,
127
- children: /* @__PURE__ */ jsx3(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
128
- }
129
- ) }) })
130
- ] }) }),
131
- /* @__PURE__ */ jsx3(CardActions, { sx: { display: { md: isMobile ? "flex" : "none" } }, children: /* @__PURE__ */ jsx3(FlexGrowCol, { alignItems: "flex-end", children: /* @__PURE__ */ jsx3(
132
- IconButton,
133
- {
134
- color: "primary",
135
- size: small ? "small" : "medium",
136
- onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
137
- disableFocusRipple: true,
138
- disableRipple: true,
139
- disableTouchRipple: true,
140
- children: /* @__PURE__ */ jsx3(ArrowForwardRoundedIcon, { fontSize: small ? "small" : "medium" })
141
- }
142
- ) }) })
143
- ]
96
+ "backgroundColor": alphaCss(theme.vars.palette.primary.light, 0.05)
97
+ },
98
+ onMouseEnter: /* @__PURE__ */ __name(() => isMobile ? null : cardIsButton ? setRaised(true) : null, "onMouseEnter"),
99
+ onMouseLeave: /* @__PURE__ */ __name(() => isMobile ? null : cardIsButton ? setRaised(false) : null, "onMouseLeave"),
100
+ onClick: /* @__PURE__ */ __name(() => cardIsButton ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null, "onClick")
101
+ }, media ? /* @__PURE__ */ React3.createElement(CardMedia, {
102
+ component: "img",
103
+ height: "100",
104
+ image: media,
105
+ alt: ""
106
+ }) : null, /* @__PURE__ */ React3.createElement(CardContent2, null, /* @__PURE__ */ React3.createElement(Grid, {
107
+ container: true,
108
+ alignItems: "center",
109
+ paddingY: 2,
110
+ paddingX: 2
111
+ }, /* @__PURE__ */ React3.createElement(Grid, {
112
+ size: {
113
+ xs: 12,
114
+ md: 6
144
115
  }
145
- );
146
- };
116
+ }, typeof name === "string" ? /* @__PURE__ */ React3.createElement(Typography, {
117
+ fontWeight: 700,
118
+ variant: "h2",
119
+ textAlign: "left",
120
+ paddingBottom: 1
121
+ }, name) : name), /* @__PURE__ */ React3.createElement(Grid, {
122
+ size: {
123
+ xs: 12,
124
+ md: 5
125
+ }
126
+ }, /* @__PURE__ */ React3.createElement(Typography, {
127
+ variant: "body1",
128
+ fontWeight: 400,
129
+ textAlign: "left"
130
+ }, desc)), /* @__PURE__ */ React3.createElement(Grid, {
131
+ size: {
132
+ xs: 1
133
+ },
134
+ display: isMobile ? "none" : "flex",
135
+ justifyContent: "center"
136
+ }, /* @__PURE__ */ React3.createElement(Zoom, {
137
+ in: raised
138
+ }, /* @__PURE__ */ React3.createElement(IconButton, {
139
+ color: "primary",
140
+ size: small ? "small" : "medium",
141
+ onClick: /* @__PURE__ */ __name(() => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"), "onClick"),
142
+ disableFocusRipple: true,
143
+ disableRipple: true,
144
+ disableTouchRipple: true
145
+ }, /* @__PURE__ */ React3.createElement(ArrowForwardRoundedIcon, {
146
+ fontSize: small ? "small" : "medium"
147
+ })))))), /* @__PURE__ */ React3.createElement(CardActions, {
148
+ sx: {
149
+ display: {
150
+ md: isMobile ? "flex" : "none"
151
+ }
152
+ }
153
+ }, /* @__PURE__ */ React3.createElement(FlexGrowCol, {
154
+ alignItems: "flex-end"
155
+ }, /* @__PURE__ */ React3.createElement(IconButton, {
156
+ color: "primary",
157
+ size: small ? "small" : "medium",
158
+ onClick: /* @__PURE__ */ __name(() => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"), "onClick"),
159
+ disableFocusRipple: true,
160
+ disableRipple: true,
161
+ disableTouchRipple: true
162
+ }, /* @__PURE__ */ React3.createElement(ArrowForwardRoundedIcon, {
163
+ fontSize: small ? "small" : "medium"
164
+ })))));
165
+ }, "FullWidthCard");
147
166
 
148
167
  // src/components/PageCard.tsx
149
168
  import { Refresh as RefreshIcon } from "@mui/icons-material";
150
169
  import { CardHeader, IconButton as IconButton2 } from "@mui/material";
151
170
  import { TypographyEx } from "@xyo-network/react-shared";
152
- import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
153
- var PageCardWithRef = ({
154
- ref,
155
- subheader,
156
- title,
157
- onRefresh,
158
- children,
159
- action,
160
- style,
161
- ...props
162
- }) => {
163
- return /* @__PURE__ */ jsxs2(
164
- CardEx,
165
- {
166
- style: {
167
- backgroundColor: "transparent",
168
- position: "relative",
169
- ...style
170
- },
171
- elevation: 0,
172
- ref,
173
- ...props,
174
- children: [
175
- /* @__PURE__ */ jsx4(
176
- CardHeader,
177
- {
178
- title: /* @__PURE__ */ jsx4(TypographyEx, { variant: "h5", gutterBottom: true, children: title }),
179
- subheader: /* @__PURE__ */ jsx4(TypographyEx, { variant: "subtitle1", children: subheader }),
180
- action: action ?? /* @__PURE__ */ jsx4(Fragment, { children: onRefresh ? /* @__PURE__ */ jsx4(IconButton2, { onClick: () => onRefresh?.(), children: /* @__PURE__ */ jsx4(RefreshIcon, {}) }) : null })
181
- }
182
- ),
183
- children
184
- ]
185
- }
186
- );
187
- };
171
+ import React4 from "react";
172
+ var PageCardWithRef = /* @__PURE__ */ __name(({ ref, subheader, title, onRefresh, children, action, style, ...props }) => {
173
+ return /* @__PURE__ */ React4.createElement(CardEx, {
174
+ style: {
175
+ backgroundColor: "transparent",
176
+ position: "relative",
177
+ ...style
178
+ },
179
+ elevation: 0,
180
+ ref,
181
+ ...props
182
+ }, /* @__PURE__ */ React4.createElement(CardHeader, {
183
+ title: /* @__PURE__ */ React4.createElement(TypographyEx, {
184
+ variant: "h5",
185
+ gutterBottom: true
186
+ }, title),
187
+ subheader: /* @__PURE__ */ React4.createElement(TypographyEx, {
188
+ variant: "subtitle1"
189
+ }, subheader),
190
+ action: action ?? /* @__PURE__ */ React4.createElement(React4.Fragment, null, onRefresh ? /* @__PURE__ */ React4.createElement(IconButton2, {
191
+ onClick: /* @__PURE__ */ __name(() => onRefresh?.(), "onClick")
192
+ }, /* @__PURE__ */ React4.createElement(RefreshIcon, null)) : null)
193
+ }), children);
194
+ }, "PageCardWithRef");
188
195
  PageCardWithRef.displayName = "PageCard";
189
196
  var PageCard = PageCardWithRef;
190
197
 
191
198
  // src/components/SimpleCard/SimpleCard.tsx
192
199
  import { ArrowForwardRounded as ArrowForwardRoundedIcon2 } from "@mui/icons-material";
193
- import {
194
- CardActions as CardActions2,
195
- CardContent as CardContent3,
196
- CardMedia as CardMedia2,
197
- IconButton as IconButton3,
198
- Typography as Typography2,
199
- useTheme as useTheme2
200
- } from "@mui/material";
200
+ import { CardActions as CardActions2, CardContent as CardContent3, CardMedia as CardMedia2, IconButton as IconButton3, Typography as Typography2, useTheme as useTheme2 } from "@mui/material";
201
201
  import { FlexCol, FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
202
202
  import { alphaCss as alphaCss2, useIsSmall as useIsSmall2 } from "@xylabs/react-theme";
203
- import { useState as useState2 } from "react";
203
+ import React5, { useState as useState2 } from "react";
204
204
  import { useNavigate as useNavigate2 } from "react-router-dom";
205
- import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
206
- var SimpleCard = ({
207
- children,
208
- desc,
209
- iconImage,
210
- interactionVariant = "card",
211
- headline,
212
- href,
213
- media,
214
- small,
215
- subtitle,
216
- sx,
217
- to,
218
- ...props
219
- }) => {
205
+ var SimpleCard = /* @__PURE__ */ __name(({ children, desc, iconImage, interactionVariant = "card", headline, href, media, small, subtitle, sx, to, ...props }) => {
220
206
  const theme = useTheme2();
221
207
  const [raised, setRaised] = useState2(false);
222
208
  const navigate = useNavigate2();
223
209
  const isSmall = useIsSmall2();
224
- const localRouteChange = (to2) => {
210
+ const localRouteChange = /* @__PURE__ */ __name((to2) => {
225
211
  to2 ? void navigate(to2) : void navigate("/404");
226
- };
227
- const externalRouteChange = (href2) => {
212
+ }, "localRouteChange");
213
+ const externalRouteChange = /* @__PURE__ */ __name((href2) => {
228
214
  href2 ? void window.open(href2) : void navigate("/404");
229
- };
230
- return /* @__PURE__ */ jsxs3(
231
- CardEx,
232
- {
233
- elevation: raised ? 3 : 0,
234
- sx: {
235
- "&:hover": { cursor: interactionVariant == "button" ? "pointer" : null },
236
- "backgroundColor": alphaCss2(theme.vars.palette.primary.main, 0.05),
237
- ...sx
215
+ }, "externalRouteChange");
216
+ return /* @__PURE__ */ React5.createElement(CardEx, {
217
+ elevation: raised ? 3 : 0,
218
+ sx: {
219
+ "&:hover": {
220
+ cursor: interactionVariant == "button" ? "pointer" : null
238
221
  },
239
- onMouseEnter: () => isSmall ? null : interactionVariant == "button" ? setRaised(true) : null,
240
- onMouseLeave: () => isSmall ? null : interactionVariant == "button" ? setRaised(false) : null,
241
- onClick: () => interactionVariant == "button" ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null,
242
- ...props,
243
- children: [
244
- media ? /* @__PURE__ */ jsx5(CardMedia2, { component: "img", height: "100", image: media, alt: "" }) : null,
245
- /* @__PURE__ */ jsx5(CardContent3, { sx: { height: "100%" }, children: /* @__PURE__ */ jsxs3(FlexCol, { width: "100%", alignItems: "flex-start", children: [
246
- iconImage ? /* @__PURE__ */ jsx5("img", { src: iconImage, height: "40px", style: { paddingBottom: "8px" } }) : null,
247
- typeof headline === "string" ? /* @__PURE__ */ jsx5(Typography2, { variant: small ? "body1" : "h6", textAlign: "left", gutterBottom: true, children: headline }) : headline,
248
- subtitle ? /* @__PURE__ */ jsx5(Typography2, { variant: "subtitle2", textAlign: "left", gutterBottom: true, children: subtitle }) : null,
249
- /* @__PURE__ */ jsx5(Typography2, { variant: small ? "caption" : "body1", textAlign: "left", gutterBottom: true, children: desc })
250
- ] }) }),
251
- children,
252
- interactionVariant == "button" ? /* @__PURE__ */ jsx5(CardActions2, { children: /* @__PURE__ */ jsx5(FlexGrowCol2, { alignItems: "flex-end", children: /* @__PURE__ */ jsx5(
253
- IconButton3,
254
- {
255
- color: raised ? "secondary" : "primary",
256
- size: small ? "small" : "medium",
257
- onClick: () => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"),
258
- disableFocusRipple: true,
259
- disableRipple: true,
260
- disableTouchRipple: true,
261
- children: /* @__PURE__ */ jsx5(ArrowForwardRoundedIcon2, { fontSize: small ? "small" : "medium" })
262
- }
263
- ) }) }) : null
264
- ]
222
+ "backgroundColor": alphaCss2(theme.vars.palette.primary.main, 0.05),
223
+ ...sx
224
+ },
225
+ onMouseEnter: /* @__PURE__ */ __name(() => isSmall ? null : interactionVariant == "button" ? setRaised(true) : null, "onMouseEnter"),
226
+ onMouseLeave: /* @__PURE__ */ __name(() => isSmall ? null : interactionVariant == "button" ? setRaised(false) : null, "onMouseLeave"),
227
+ onClick: /* @__PURE__ */ __name(() => interactionVariant == "button" ? href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404") : null, "onClick"),
228
+ ...props
229
+ }, media ? /* @__PURE__ */ React5.createElement(CardMedia2, {
230
+ component: "img",
231
+ height: "100",
232
+ image: media,
233
+ alt: ""
234
+ }) : null, /* @__PURE__ */ React5.createElement(CardContent3, {
235
+ sx: {
236
+ height: "100%"
265
237
  }
266
- );
267
- };
238
+ }, /* @__PURE__ */ React5.createElement(FlexCol, {
239
+ width: "100%",
240
+ alignItems: "flex-start"
241
+ }, iconImage ? /* @__PURE__ */ React5.createElement("img", {
242
+ src: iconImage,
243
+ height: "40px",
244
+ style: {
245
+ paddingBottom: "8px"
246
+ }
247
+ }) : null, typeof headline === "string" ? /* @__PURE__ */ React5.createElement(Typography2, {
248
+ variant: small ? "body1" : "h6",
249
+ textAlign: "left",
250
+ gutterBottom: true
251
+ }, headline) : headline, subtitle ? /* @__PURE__ */ React5.createElement(Typography2, {
252
+ variant: "subtitle2",
253
+ textAlign: "left",
254
+ gutterBottom: true
255
+ }, subtitle) : null, /* @__PURE__ */ React5.createElement(Typography2, {
256
+ variant: small ? "caption" : "body1",
257
+ textAlign: "left",
258
+ gutterBottom: true
259
+ }, desc))), children, interactionVariant == "button" ? /* @__PURE__ */ React5.createElement(CardActions2, null, /* @__PURE__ */ React5.createElement(FlexGrowCol2, {
260
+ alignItems: "flex-end"
261
+ }, /* @__PURE__ */ React5.createElement(IconButton3, {
262
+ color: raised ? "secondary" : "primary",
263
+ size: small ? "small" : "medium",
264
+ onClick: /* @__PURE__ */ __name(() => href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate("/404"), "onClick"),
265
+ disableFocusRipple: true,
266
+ disableRipple: true,
267
+ disableTouchRipple: true
268
+ }, /* @__PURE__ */ React5.createElement(ArrowForwardRoundedIcon2, {
269
+ fontSize: small ? "small" : "medium"
270
+ })))) : null);
271
+ }, "SimpleCard");
268
272
  export {
269
273
  CardContentEx,
270
274
  CardContentExWithRef,
package/dist/browser/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/CardContentEx.tsx","../../src/components/CardEx.tsx","../../src/components/FullWidthCard/FullWidthCard.tsx","../../src/components/PageCard.tsx","../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import type { CardContentProps } from '@mui/material'\nimport { CardContent, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n name: 'CardContentEx',\n shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n ...((variant === 'scrollable' || removePadding) && {\n [':last-child']: { paddingBottom: 0 },\n overflow: 'auto',\n paddingTop: 0,\n ...(removePadding && { padding: 0 }),\n }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n refreshRef?: number\n removePadding?: boolean\n scrollToTop?: number\n variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = ({\n ref, scrollToTop = 0, refreshRef = 0, ...props\n}: CardContentExProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n useEffect(() => {\n if (sharedRef && scrollToTop) {\n sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n }\n }, [sharedRef, scrollToTop])\n\n return <CardContentExRoot ref={sharedRef} {...props} />\n}\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\n","import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface CardExProps extends CardProps {\n gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = ({\n ref, style, gradient, ...props\n}: CardExProps) => {\n const styles = useGradientStyles()\n const gradientStyle\n = gradient === 'border'\n ? styles.border\n : gradient === 'background'\n ? styles.background\n : {}\n return (\n <Card\n style={{\n ...gradientStyle,\n ...style,\n }}\n ref={ref}\n {...props}\n />\n )\n}\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport type { CardProps } from '@mui/material'\nimport {\n Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nexport interface FullWidthCardProps extends CardProps {\n cardIsButton?: boolean\n desc?: ReactNode\n href?: string\n linkText?: string\n media?: string\n name: ReactNode\n small?: boolean\n to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({\n cardIsButton, desc, href, media, name, small, to, ...props\n}) => {\n const theme = useTheme()\n const [raised, setRaised] = useState(false)\n const navigate = useNavigate()\n const isMobile = useIsSmall()\n\n const localRouteChange = (to: To | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n to ? void navigate(to) : void navigate('/404')\n }\n const externalRouteChange = (href: string | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n href ? void window.open(href) : void navigate('/404')\n }\n\n return (\n <Card\n elevation={raised ? 3 : 0}\n style={{ height: '100%', width: '100%' }}\n {...props}\n sx={{\n '&:hover': { cursor: 'pointer' },\n 'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),\n }}\n onMouseEnter={() =>\n isMobile\n ? null\n : cardIsButton\n ? setRaised(true)\n : null}\n onMouseLeave={() =>\n isMobile\n ? null\n : cardIsButton\n ? setRaised(false)\n : null}\n onClick={() =>\n cardIsButton\n ? href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')\n : null}\n >\n {media\n ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n : null}\n\n <CardContent>\n <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n <Grid size={{ xs: 12, md: 6 }}>\n {typeof name === 'string'\n ? (\n <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n {name}\n </Typography>\n )\n : name}\n </Grid>\n <Grid size={{ xs: 12, md: 5 }}>\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {desc}\n </Typography>\n </Grid>\n <Grid size={{ xs: 1 }} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n <Zoom in={raised}>\n <IconButton\n color=\"primary\"\n size={small ? 'small' : 'medium'}\n onClick={() =>\n href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </Zoom>\n </Grid>\n </Grid>\n </CardContent>\n <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n <FlexGrowCol alignItems=\"flex-end\">\n <IconButton\n color=\"primary\"\n size={small ? 'small' : 'medium'}\n onClick={() =>\n href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n </Card>\n )\n}\n","import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport type { CardHeaderProps } from '@mui/material'\nimport { CardHeader, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport type { CardExProps } from './CardEx.tsx'\nimport { CardEx } from './CardEx.tsx'\n\nexport interface PageCardProps extends CardExProps {\n action?: ReactNode\n onRefresh?: () => void\n subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef = ({\n ref, subheader, title, onRefresh, children, action, style, ...props\n}: PageCardProps) => {\n return (\n <CardEx\n style={{\n backgroundColor: 'transparent', position: 'relative', ...style,\n }}\n elevation={0}\n ref={ref}\n {...props}\n >\n <CardHeader\n title={(\n <TypographyEx variant=\"h5\" gutterBottom>\n {title}\n </TypographyEx>\n )}\n subheader={<TypographyEx variant=\"subtitle1\">{subheader}</TypographyEx>}\n action={\n action ?? (\n <>\n {onRefresh\n ? (\n <IconButton onClick={() => onRefresh?.()}>\n <RefreshIcon />\n </IconButton>\n )\n : null}\n </>\n )\n }\n />\n {children}\n </CardEx>\n )\n}\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { CardExProps } from '../CardEx.tsx'\nimport { CardEx } from '../CardEx.tsx'\n\nexport interface SimpleCardProps extends CardExProps {\n desc?: ReactNode\n headline?: ReactNode\n href?: string\n iconImage?: string\n interactionVariant?: 'button' | 'card'\n media?: string\n small?: boolean\n subtitle?: string\n to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n children,\n desc,\n iconImage,\n interactionVariant = 'card',\n headline,\n href,\n media,\n small,\n subtitle,\n sx,\n to,\n ...props\n}) => {\n const theme = useTheme()\n const [raised, setRaised] = useState(false)\n const navigate = useNavigate()\n const isSmall = useIsSmall()\n const localRouteChange = (to: To | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n to ? void navigate(to) : void navigate('/404')\n }\n const externalRouteChange = (href: string | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n href ? void window.open(href) : void navigate('/404')\n }\n return (\n <CardEx\n elevation={raised ? 3 : 0}\n sx={{\n '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },\n 'backgroundColor': alphaCss(theme.vars.palette.primary.main, 0.05),\n ...sx,\n }}\n onMouseEnter={() =>\n isSmall\n ? null\n : interactionVariant == 'button'\n ? setRaised(true)\n : null}\n onMouseLeave={() =>\n isSmall\n ? null\n : interactionVariant == 'button'\n ? setRaised(false)\n : null}\n onClick={() =>\n interactionVariant == 'button'\n ? href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')\n : null}\n {...props}\n >\n {media\n ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n : null}\n\n <CardContent sx={{ height: '100%' }}>\n <FlexCol width=\"100%\" alignItems=\"flex-start\">\n {iconImage\n ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n : null}\n {typeof headline === 'string'\n ? (\n <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n {headline}\n </Typography>\n )\n : headline}\n {subtitle\n ? (\n <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n {subtitle}\n </Typography>\n )\n : null}\n <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n {desc}\n </Typography>\n </FlexCol>\n </CardContent>\n {children}\n {interactionVariant == 'button'\n ? (\n <CardActions>\n <FlexGrowCol alignItems=\"flex-end\">\n <IconButton\n color={raised ? 'secondary' : 'primary'}\n size={small ? 'small' : 'medium'}\n onClick={() =>\n href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n )\n : null}\n </CardEx>\n )\n}\n"],"mappings":"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","names":["jsx","Card","CardContent","jsx","to","href","IconButton","jsx","jsxs","IconButton","ArrowForwardRoundedIcon","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexGrowCol","alphaCss","useIsSmall","useState","useNavigate","jsx","jsxs","useTheme","useState","useNavigate","useIsSmall","to","href","alphaCss","CardMedia","CardContent","Typography","CardActions","FlexGrowCol","IconButton","ArrowForwardRoundedIcon"]}
1
+ {"version":3,"sources":["../../src/components/CardContentEx.tsx","../../src/components/CardEx.tsx","../../src/components/FullWidthCard/FullWidthCard.tsx","../../src/components/PageCard.tsx","../../src/components/SimpleCard/SimpleCard.tsx"],"sourcesContent":["import type { CardContentProps } from '@mui/material'\nimport { CardContent, styled } from '@mui/material'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { useEffect } from 'react'\n\nconst CardContentExRoot = styled(CardContent, {\n name: 'CardContentEx',\n shouldForwardProp: (prop: string) => !['variant', 'removePadding'].includes(prop),\n slot: 'Root',\n})<CardContentExProps>(({ variant, removePadding }) => ({\n ...((variant === 'scrollable' || removePadding) && {\n [':last-child']: { paddingBottom: 0 },\n overflow: 'auto',\n paddingTop: 0,\n ...(removePadding && { padding: 0 }),\n }),\n}))\n\nexport type CardContentExProps = CardContentProps & {\n refreshRef?: number\n removePadding?: boolean\n scrollToTop?: number\n variant?: 'scrollable' | 'normal'\n}\n\nexport const CardContentExWithRef = ({\n ref, scrollToTop = 0, refreshRef = 0, ...props\n}: CardContentExProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n const sharedRef = useShareForwardedRef<HTMLDivElement>(ref, refreshRef)\n\n useEffect(() => {\n if (sharedRef && scrollToTop) {\n sharedRef.current?.scroll({ behavior: 'smooth', top: 0 })\n }\n }, [sharedRef, scrollToTop])\n\n return <CardContentExRoot ref={sharedRef} {...props} />\n}\n\nCardContentExWithRef.displayName = 'CardContentEx'\n\nexport const CardContentEx = CardContentExWithRef\n","import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport { useGradientStyles } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface CardExProps extends CardProps {\n gradient?: 'border' | 'background'\n}\n\nexport const CardExWithRef = ({\n ref, style, gradient, ...props\n}: CardExProps) => {\n const styles = useGradientStyles()\n const gradientStyle\n = gradient === 'border'\n ? styles.border\n : gradient === 'background'\n ? styles.background\n : {}\n return (\n <Card\n style={{\n ...gradientStyle,\n ...style,\n }}\n ref={ref}\n {...props}\n />\n )\n}\n\nCardExWithRef.displayName = 'CardEx'\n\nexport const CardEx = CardExWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport type { CardProps } from '@mui/material'\nimport {\n Card, CardActions, CardContent, CardMedia, Grid, IconButton, Typography, useTheme, Zoom,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nexport interface FullWidthCardProps extends CardProps {\n cardIsButton?: boolean\n desc?: ReactNode\n href?: string\n linkText?: string\n media?: string\n name: ReactNode\n small?: boolean\n to?: To\n}\n\nexport const FullWidthCard: React.FC<FullWidthCardProps> = ({\n cardIsButton, desc, href, media, name, small, to, ...props\n}) => {\n const theme = useTheme()\n const [raised, setRaised] = useState(false)\n const navigate = useNavigate()\n const isMobile = useIsSmall()\n\n const localRouteChange = (to: To | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n to ? void navigate(to) : void navigate('/404')\n }\n const externalRouteChange = (href: string | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n href ? void window.open(href) : void navigate('/404')\n }\n\n return (\n <Card\n elevation={raised ? 3 : 0}\n style={{ height: '100%', width: '100%' }}\n {...props}\n sx={{\n '&:hover': { cursor: 'pointer' },\n 'backgroundColor': alphaCss(theme.vars.palette.primary.light, 0.05),\n }}\n onMouseEnter={() =>\n isMobile\n ? null\n : cardIsButton\n ? setRaised(true)\n : null}\n onMouseLeave={() =>\n isMobile\n ? null\n : cardIsButton\n ? setRaised(false)\n : null}\n onClick={() =>\n cardIsButton\n ? href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')\n : null}\n >\n {media\n ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n : null}\n\n <CardContent>\n <Grid container alignItems=\"center\" paddingY={2} paddingX={2}>\n <Grid size={{ xs: 12, md: 6 }}>\n {typeof name === 'string'\n ? (\n <Typography fontWeight={700} variant=\"h2\" textAlign=\"left\" paddingBottom={1}>\n {name}\n </Typography>\n )\n : name}\n </Grid>\n <Grid size={{ xs: 12, md: 5 }}>\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {desc}\n </Typography>\n </Grid>\n <Grid size={{ xs: 1 }} display={isMobile ? 'none' : 'flex'} justifyContent=\"center\">\n <Zoom in={raised}>\n <IconButton\n color=\"primary\"\n size={small ? 'small' : 'medium'}\n onClick={() =>\n href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </Zoom>\n </Grid>\n </Grid>\n </CardContent>\n <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n <FlexGrowCol alignItems=\"flex-end\">\n <IconButton\n color=\"primary\"\n size={small ? 'small' : 'medium'}\n onClick={() =>\n href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n </Card>\n )\n}\n","import { Refresh as RefreshIcon } from '@mui/icons-material'\nimport type { CardHeaderProps } from '@mui/material'\nimport { CardHeader, IconButton } from '@mui/material'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nimport type { CardExProps } from './CardEx.tsx'\nimport { CardEx } from './CardEx.tsx'\n\nexport interface PageCardProps extends CardExProps {\n action?: ReactNode\n onRefresh?: () => void\n subheader?: CardHeaderProps['subheader']\n}\n\nconst PageCardWithRef = ({\n ref, subheader, title, onRefresh, children, action, style, ...props\n}: PageCardProps) => {\n return (\n <CardEx\n style={{\n backgroundColor: 'transparent', position: 'relative', ...style,\n }}\n elevation={0}\n ref={ref}\n {...props}\n >\n <CardHeader\n title={(\n <TypographyEx variant=\"h5\" gutterBottom>\n {title}\n </TypographyEx>\n )}\n subheader={<TypographyEx variant=\"subtitle1\">{subheader}</TypographyEx>}\n action={\n action ?? (\n <>\n {onRefresh\n ? (\n <IconButton onClick={() => onRefresh?.()}>\n <RefreshIcon />\n </IconButton>\n )\n : null}\n </>\n )\n }\n />\n {children}\n </CardEx>\n )\n}\n\nPageCardWithRef.displayName = 'PageCard'\n\nexport const PageCard = PageCardWithRef\n","import { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { alphaCss, useIsSmall } from '@xylabs/react-theme'\nimport type { ReactNode } from 'react'\nimport React, { useState } from 'react'\nimport type { To } from 'react-router-dom'\nimport { useNavigate } from 'react-router-dom'\n\nimport type { CardExProps } from '../CardEx.tsx'\nimport { CardEx } from '../CardEx.tsx'\n\nexport interface SimpleCardProps extends CardExProps {\n desc?: ReactNode\n headline?: ReactNode\n href?: string\n iconImage?: string\n interactionVariant?: 'button' | 'card'\n media?: string\n small?: boolean\n subtitle?: string\n to?: To\n}\n\nexport const SimpleCard: React.FC<SimpleCardProps> = ({\n children,\n desc,\n iconImage,\n interactionVariant = 'card',\n headline,\n href,\n media,\n small,\n subtitle,\n sx,\n to,\n ...props\n}) => {\n const theme = useTheme()\n const [raised, setRaised] = useState(false)\n const navigate = useNavigate()\n const isSmall = useIsSmall()\n const localRouteChange = (to: To | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n to ? void navigate(to) : void navigate('/404')\n }\n const externalRouteChange = (href: string | undefined) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n href ? void window.open(href) : void navigate('/404')\n }\n return (\n <CardEx\n elevation={raised ? 3 : 0}\n sx={{\n '&:hover': { cursor: interactionVariant == 'button' ? 'pointer' : null },\n 'backgroundColor': alphaCss(theme.vars.palette.primary.main, 0.05),\n ...sx,\n }}\n onMouseEnter={() =>\n isSmall\n ? null\n : interactionVariant == 'button'\n ? setRaised(true)\n : null}\n onMouseLeave={() =>\n isSmall\n ? null\n : interactionVariant == 'button'\n ? setRaised(false)\n : null}\n onClick={() =>\n interactionVariant == 'button'\n ? href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')\n : null}\n {...props}\n >\n {media\n ? <CardMedia component=\"img\" height=\"100\" image={media} alt=\"\" />\n : null}\n\n <CardContent sx={{ height: '100%' }}>\n <FlexCol width=\"100%\" alignItems=\"flex-start\">\n {iconImage\n ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n : null}\n {typeof headline === 'string'\n ? (\n <Typography variant={small ? 'body1' : 'h6'} textAlign=\"left\" gutterBottom>\n {headline}\n </Typography>\n )\n : headline}\n {subtitle\n ? (\n <Typography variant=\"subtitle2\" textAlign=\"left\" gutterBottom>\n {subtitle}\n </Typography>\n )\n : null}\n <Typography variant={small ? 'caption' : 'body1'} textAlign=\"left\" gutterBottom>\n {desc}\n </Typography>\n </FlexCol>\n </CardContent>\n {children}\n {interactionVariant == 'button'\n ? (\n <CardActions>\n <FlexGrowCol alignItems=\"flex-end\">\n <IconButton\n color={raised ? 'secondary' : 'primary'}\n size={small ? 'small' : 'medium'}\n onClick={() =>\n href\n ? externalRouteChange(href)\n : to\n ? localRouteChange(to)\n : navigate('/404')}\n disableFocusRipple\n disableRipple\n disableTouchRipple\n >\n <ArrowForwardRoundedIcon fontSize={small ? 'small' : 'medium'} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n )\n : null}\n </CardEx>\n )\n}\n"],"mappings":"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","names":["CardContent","styled","useShareForwardedRef","React","useEffect","CardContentExRoot","styled","CardContent","name","shouldForwardProp","prop","includes","slot","variant","removePadding","paddingBottom","overflow","paddingTop","padding","CardContentExWithRef","ref","scrollToTop","refreshRef","props","sharedRef","useShareForwardedRef","useEffect","current","scroll","behavior","top","displayName","CardContentEx","Card","useGradientStyles","React","CardExWithRef","ref","style","gradient","props","styles","useGradientStyles","gradientStyle","border","background","React","Card","displayName","CardEx","ArrowForwardRounded","ArrowForwardRoundedIcon","Card","CardActions","CardContent","CardMedia","Grid","IconButton","Typography","useTheme","Zoom","FlexGrowCol","alphaCss","useIsSmall","React","useState","useNavigate","FullWidthCard","cardIsButton","desc","href","media","name","small","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isMobile","useIsSmall","localRouteChange","externalRouteChange","window","open","React","Card","elevation","style","height","width","sx","cursor","alphaCss","vars","palette","primary","light","onMouseEnter","onMouseLeave","onClick","CardMedia","component","image","alt","CardContent","Grid","container","alignItems","paddingY","paddingX","size","xs","md","Typography","fontWeight","variant","textAlign","paddingBottom","display","justifyContent","Zoom","in","IconButton","color","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize","CardActions","FlexGrowCol","Refresh","RefreshIcon","CardHeader","IconButton","TypographyEx","React","PageCardWithRef","ref","subheader","title","onRefresh","children","action","style","props","React","CardEx","backgroundColor","position","elevation","CardHeader","TypographyEx","variant","gutterBottom","IconButton","onClick","RefreshIcon","displayName","PageCard","ArrowForwardRounded","ArrowForwardRoundedIcon","CardActions","CardContent","CardMedia","IconButton","Typography","useTheme","FlexCol","FlexGrowCol","alphaCss","useIsSmall","React","useState","useNavigate","SimpleCard","children","desc","iconImage","interactionVariant","headline","href","media","small","subtitle","sx","to","props","theme","useTheme","raised","setRaised","useState","navigate","useNavigate","isSmall","useIsSmall","localRouteChange","externalRouteChange","window","open","React","CardEx","elevation","cursor","alphaCss","vars","palette","primary","main","onMouseEnter","onMouseLeave","onClick","CardMedia","component","height","image","alt","CardContent","FlexCol","width","alignItems","img","src","style","paddingBottom","Typography","variant","textAlign","gutterBottom","CardActions","FlexGrowCol","IconButton","color","size","disableFocusRipple","disableRipple","disableTouchRipple","ArrowForwardRoundedIcon","fontSize"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-card",
3
- "version": "7.4.1",
3
+ "version": "7.5.0",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -43,26 +43,26 @@
43
43
  "src"
44
44
  ],
45
45
  "dependencies": {
46
- "@xylabs/react-flexbox": "~7.1.8",
47
- "@xylabs/react-theme": "~7.1.8",
48
- "@xyo-network/react-shared": "^7.4.1"
46
+ "@xylabs/react-flexbox": "~7.1.9",
47
+ "@xylabs/react-theme": "~7.1.9",
48
+ "@xyo-network/react-shared": "7.5.0"
49
49
  },
50
50
  "devDependencies": {
51
- "@mui/icons-material": "~7.3.6",
52
- "@mui/material": "~7.3.6",
53
- "@storybook/react-vite": "~10.1.4",
54
- "@types/react": "^19.2.7",
55
- "@xylabs/ts-scripts-yarn3": "~7.2.8",
56
- "@xylabs/tsconfig": "~7.2.8",
57
- "@xylabs/tsconfig-dom": "~7.2.8",
58
- "@xylabs/tsconfig-react": "~7.2.8",
59
- "@xyo-network/react-storybook": "^7.4.1",
60
- "react": "^19.2.1",
61
- "react-dom": "^19.2.1",
62
- "react-router-dom": "^7.10.0",
63
- "storybook": "~10.1.4",
51
+ "@mui/icons-material": "~7.3.7",
52
+ "@mui/material": "~7.3.7",
53
+ "@storybook/react-vite": "~10.2.1",
54
+ "@types/react": "^19.2.10",
55
+ "@xylabs/ts-scripts-yarn3": "~7.3.2",
56
+ "@xylabs/tsconfig": "~7.3.2",
57
+ "@xylabs/tsconfig-dom": "~7.3.2",
58
+ "@xylabs/tsconfig-react": "~7.3.2",
59
+ "@xyo-network/react-storybook": "7.5.0",
60
+ "react": "^19.2.4",
61
+ "react-dom": "^19.2.4",
62
+ "react-router-dom": "^7.13.0",
63
+ "storybook": "~10.2.1",
64
64
  "typescript": "^5.9.3",
65
- "vite": "~7.2.6"
65
+ "vite": "~7.3.1"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "@mui/icons-material": ">=6 <8",
@@ -75,4 +75,4 @@
75
75
  "access": "public"
76
76
  },
77
77
  "docs": "dist/docs.json"
78
- }
78
+ }