@xyo-network/react-card 7.0.0 → 7.0.2

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 +206 -210
  11. package/dist/browser/index.mjs.map +1 -1
  12. package/package.json +21 -18
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("storybook/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(".store/storybook-virtual-fa39dd25b7/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"> & {
5
5
  component?: React.ElementType;
6
6
  } & {
7
7
  refreshRef?: number;
@@ -11,7 +11,7 @@ declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import(
11
11
  } & {
12
12
  ref?: React.RefObject<HTMLDivElement | null>;
13
13
  }>;
14
- declare const WithRef: import("storybook/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(".store/storybook-virtual-fa39dd25b7/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"> & {
15
15
  component?: React.ElementType;
16
16
  } & {
17
17
  refreshRef?: number;
@@ -21,7 +21,7 @@ declare const WithRef: import("storybook/internal/csf").AnnotatedStoryFn<import(
21
21
  } & {
22
22
  ref?: React.RefObject<HTMLDivElement | null>;
23
23
  }>;
24
- declare const WithVariant: import("storybook/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(".store/storybook-virtual-fa39dd25b7/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"> & {
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("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./FullWidthCard.tsx").FullWidthCardProps>;
4
+ declare const Default: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").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,oJAAoB,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,sLAAoB,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("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
4
- declare const WithNoOnRefresh: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
5
- declare const WithRef: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
3
+ declare const Default: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
4
+ declare const WithNoOnRefresh: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./PageCard.tsx").PageCardProps>;
5
+ declare const WithRef: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").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,0IAAoB,CAAA;AAIjC,QAAA,MAAM,eAAe,0IAAmC,CAAA;AAIxD,QAAA,MAAM,OAAO,0IAAoB,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,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"}
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("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
5
- declare const DefaultWithImage: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
6
- declare const VariantButton: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
7
- declare const DefaultSmallCard: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
8
- declare const DefaultMediaCard: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
9
- declare const CardWithAllParameters: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
4
+ declare const Default: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
5
+ declare const DefaultWithImage: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
6
+ declare const VariantButton: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
7
+ declare const DefaultSmallCard: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
8
+ declare const DefaultMediaCard: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCard.tsx").SimpleCardProps>;
9
+ declare const CardWithAllParameters: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").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,8IAAoB,CAAA;AAMjC,QAAA,MAAM,gBAAgB,8IAAoB,CAAA;AAO1C,QAAA,MAAM,aAAa,8IAAoB,CAAA;AAOvC,QAAA,MAAM,gBAAgB,8IAAoB,CAAA;AAO1C,QAAA,MAAM,gBAAgB,8IAAoB,CAAA;AAO1C,QAAA,MAAM,qBAAqB,8IAAoB,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,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"}
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("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./SimpleCardGrid.tsx").SimpleCardGridProps>;
4
+ declare const Default: import(".store/storybook-virtual-fa39dd25b7/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").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,sJAAoB,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,wLAAoB,CAAA;AAkDjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,eAAe,cAAc,CAAA"}
package/dist/browser/index.mjs CHANGED
@@ -1,274 +1,270 @@
1
- var __defProp = Object.defineProperty;
2
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
-
4
1
  // src/components/CardContentEx.tsx
5
2
  import { CardContent, styled } from "@mui/material";
6
3
  import { useShareForwardedRef } from "@xyo-network/react-shared";
7
- import React, { useEffect } from "react";
4
+ import { useEffect } from "react";
5
+ import { jsx } from "react/jsx-runtime";
8
6
  var CardContentExRoot = styled(CardContent, {
9
7
  name: "CardContentEx",
10
- shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
11
- "variant",
12
- "removePadding"
13
- ].includes(prop), "shouldForwardProp"),
8
+ shouldForwardProp: (prop) => !["variant", "removePadding"].includes(prop),
14
9
  slot: "Root"
15
10
  })(({ variant, removePadding }) => ({
16
11
  ...(variant === "scrollable" || removePadding) && {
17
- [":last-child"]: {
18
- paddingBottom: 0
19
- },
12
+ [":last-child"]: { paddingBottom: 0 },
20
13
  overflow: "auto",
21
14
  paddingTop: 0,
22
- ...removePadding && {
23
- padding: 0
24
- }
15
+ ...removePadding && { padding: 0 }
25
16
  }
26
17
  }));
27
- var CardContentExWithRef = /* @__PURE__ */ __name(({ ref, scrollToTop = 0, refreshRef = 0, ...props }) => {
18
+ var CardContentExWithRef = ({
19
+ ref,
20
+ scrollToTop = 0,
21
+ refreshRef = 0,
22
+ ...props
23
+ }) => {
28
24
  const sharedRef = useShareForwardedRef(ref, refreshRef);
29
25
  useEffect(() => {
30
26
  if (sharedRef && scrollToTop) {
31
- sharedRef.current?.scroll({
32
- behavior: "smooth",
33
- top: 0
34
- });
27
+ sharedRef.current?.scroll({ behavior: "smooth", top: 0 });
35
28
  }
36
- }, [
37
- sharedRef,
38
- scrollToTop
39
- ]);
40
- return /* @__PURE__ */ React.createElement(CardContentExRoot, {
41
- ref: sharedRef,
42
- ...props
43
- });
44
- }, "CardContentExWithRef");
29
+ }, [sharedRef, scrollToTop]);
30
+ return /* @__PURE__ */ jsx(CardContentExRoot, { ref: sharedRef, ...props });
31
+ };
45
32
  CardContentExWithRef.displayName = "CardContentEx";
46
33
  var CardContentEx = CardContentExWithRef;
47
34
 
48
35
  // src/components/CardEx.tsx
49
36
  import { Card } from "@mui/material";
50
37
  import { useGradientStyles } from "@xyo-network/react-shared";
51
- import React2 from "react";
52
- var CardExWithRef = /* @__PURE__ */ __name(({ ref, style, gradient, ...props }) => {
38
+ import { jsx as jsx2 } from "react/jsx-runtime";
39
+ var CardExWithRef = ({
40
+ ref,
41
+ style,
42
+ gradient,
43
+ ...props
44
+ }) => {
53
45
  const styles = useGradientStyles();
54
46
  const gradientStyle = gradient === "border" ? styles.border : gradient === "background" ? styles.background : {};
55
- return /* @__PURE__ */ React2.createElement(Card, {
56
- style: {
57
- ...gradientStyle,
58
- ...style
59
- },
60
- ref,
61
- ...props
62
- });
63
- }, "CardExWithRef");
47
+ return /* @__PURE__ */ jsx2(
48
+ Card,
49
+ {
50
+ style: {
51
+ ...gradientStyle,
52
+ ...style
53
+ },
54
+ ref,
55
+ ...props
56
+ }
57
+ );
58
+ };
64
59
  CardExWithRef.displayName = "CardEx";
65
60
  var CardEx = CardExWithRef;
66
61
 
67
62
  // src/components/FullWidthCard/FullWidthCard.tsx
68
63
  import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
69
- import { Card as Card2, CardActions, CardContent as CardContent2, CardMedia, Grid, IconButton, Typography, useTheme, Zoom } from "@mui/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";
70
75
  import { FlexGrowCol } from "@xylabs/react-flexbox";
71
76
  import { alphaCss, useIsSmall } from "@xylabs/react-theme";
72
- import React3, { useState } from "react";
77
+ import { useState } from "react";
73
78
  import { useNavigate } from "react-router-dom";
74
- var FullWidthCard = /* @__PURE__ */ __name(({ cardIsButton, desc, href, media, name, small, to, ...props }) => {
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
+ }) => {
75
90
  const theme = useTheme();
76
91
  const [raised, setRaised] = useState(false);
77
92
  const navigate = useNavigate();
78
93
  const isMobile = useIsSmall();
79
- const localRouteChange = /* @__PURE__ */ __name((to2) => {
94
+ const localRouteChange = (to2) => {
80
95
  to2 ? void navigate(to2) : void navigate("/404");
81
- }, "localRouteChange");
82
- const externalRouteChange = /* @__PURE__ */ __name((href2) => {
96
+ };
97
+ const externalRouteChange = (href2) => {
83
98
  href2 ? void window.open(href2) : void navigate("/404");
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"
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)
95
109
  },
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
115
- }
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
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
+ ]
125
144
  }
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");
145
+ );
146
+ };
166
147
 
167
148
  // src/components/PageCard.tsx
168
149
  import { Refresh as RefreshIcon } from "@mui/icons-material";
169
150
  import { CardHeader, IconButton as IconButton2 } from "@mui/material";
170
151
  import { TypographyEx } from "@xyo-network/react-shared";
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");
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
+ };
195
188
  PageCardWithRef.displayName = "PageCard";
196
189
  var PageCard = PageCardWithRef;
197
190
 
198
191
  // src/components/SimpleCard/SimpleCard.tsx
199
192
  import { ArrowForwardRounded as ArrowForwardRoundedIcon2 } from "@mui/icons-material";
200
- import { CardActions as CardActions2, CardContent as CardContent3, CardMedia as CardMedia2, IconButton as IconButton3, Typography as Typography2, useTheme as useTheme2 } from "@mui/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";
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 React5, { useState as useState2 } from "react";
203
+ import { useState as useState2 } from "react";
204
204
  import { useNavigate as useNavigate2 } from "react-router-dom";
205
- var SimpleCard = /* @__PURE__ */ __name(({ children, desc, iconImage, interactionVariant = "card", headline, href, media, small, subtitle, sx, to, ...props }) => {
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
+ }) => {
206
220
  const theme = useTheme2();
207
221
  const [raised, setRaised] = useState2(false);
208
222
  const navigate = useNavigate2();
209
223
  const isSmall = useIsSmall2();
210
- const localRouteChange = /* @__PURE__ */ __name((to2) => {
224
+ const localRouteChange = (to2) => {
211
225
  to2 ? void navigate(to2) : void navigate("/404");
212
- }, "localRouteChange");
213
- const externalRouteChange = /* @__PURE__ */ __name((href2) => {
226
+ };
227
+ const externalRouteChange = (href2) => {
214
228
  href2 ? void window.open(href2) : void navigate("/404");
215
- }, "externalRouteChange");
216
- return /* @__PURE__ */ React5.createElement(CardEx, {
217
- elevation: raised ? 3 : 0,
218
- sx: {
219
- "&:hover": {
220
- cursor: interactionVariant == "button" ? "pointer" : null
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
221
238
  },
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%"
237
- }
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"
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
+ ]
246
265
  }
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");
266
+ );
267
+ };
272
268
  export {
273
269
  CardContentEx,
274
270
  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":["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"]}
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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-card",
3
- "version": "7.0.0",
3
+ "version": "7.0.2",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -43,29 +43,32 @@
43
43
  "src"
44
44
  ],
45
45
  "dependencies": {
46
- "@xylabs/react-flexbox": "^7.0.0",
47
- "@xylabs/react-theme": "^7.0.0",
48
- "@xyo-network/react-shared": "^7.0.0",
49
- "react-router-dom": "^7.7.1"
46
+ "@xylabs/react-flexbox": "~7.0.4",
47
+ "@xylabs/react-theme": "~7.0.4",
48
+ "@xyo-network/react-shared": "^7.0.2",
49
+ "react-router-dom": "~7.8.2"
50
50
  },
51
51
  "devDependencies": {
52
- "@mui/icons-material": "^7.2.0",
53
- "@mui/material": "^7.2.0",
54
- "@storybook/react-vite": "^9.0.18",
55
- "@types/react": "^19.1.9",
56
- "@xylabs/ts-scripts-yarn3": "^7.0.2",
57
- "@xylabs/tsconfig-react": "^7.0.2",
58
- "@xyo-network/react-storybook": "^7.0.0",
59
- "react": "^19.1.1",
60
- "react-dom": "^19.1.1",
61
- "storybook": "^9.0.18",
62
- "typescript": "^5.8.3"
52
+ "@mui/icons-material": "~7.3.1",
53
+ "@mui/material": "~7.3.1",
54
+ "@storybook/react-vite": "~9.1.3",
55
+ "@types/react": "~19.1.11",
56
+ "@xylabs/ts-scripts-yarn3": "~7.1.7",
57
+ "@xylabs/tsconfig": "~7.1.7",
58
+ "@xylabs/tsconfig-dom": "~7.1.7",
59
+ "@xylabs/tsconfig-react": "~7.1.7",
60
+ "@xyo-network/react-storybook": "^7.0.2",
61
+ "react": "~19.1.1",
62
+ "react-dom": "~19.1.1",
63
+ "storybook": "~9.1.3",
64
+ "typescript": "~5.9.2",
65
+ "vite": "~7.1.3"
63
66
  },
64
67
  "peerDependencies": {
65
68
  "@mui/icons-material": ">=6 <8",
66
69
  "@mui/material": ">=6 <8",
67
- "react": "^19",
68
- "react-dom": "^19"
70
+ "react": "~19",
71
+ "react-dom": "~19"
69
72
  },
70
73
  "publishConfig": {
71
74
  "access": "public"