@xyo-network/react-card 10.0.2 → 10.0.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullWidthCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FullWidthCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FullWidthCard/FullWidthCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAG1C,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,EAAE,CAAC,EAAE,EAAE,CAAA;CACR;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6ItD,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -60,6 +60,8 @@ CardExWithRef.displayName = "CardEx";
|
|
|
60
60
|
var CardEx = CardExWithRef;
|
|
61
61
|
|
|
62
62
|
// src/components/FullWidthCard/FullWidthCard.tsx
|
|
63
|
+
import { FlexGrowCol } from "@ariestools/sdk-react/flexbox";
|
|
64
|
+
import { alphaCss, useIsSmall } from "@ariestools/sdk-react/theme";
|
|
63
65
|
import { ArrowForwardRounded as ArrowForwardRoundedIcon } from "@mui/icons-material";
|
|
64
66
|
import {
|
|
65
67
|
Card as Card2,
|
|
@@ -72,8 +74,6 @@ import {
|
|
|
72
74
|
useTheme,
|
|
73
75
|
Zoom
|
|
74
76
|
} from "@mui/material";
|
|
75
|
-
import { FlexGrowCol } from "@xylabs/react-flexbox";
|
|
76
|
-
import { alphaCss, useIsSmall } from "@xylabs/react-theme";
|
|
77
77
|
import { useState } from "react";
|
|
78
78
|
import { useNavigate } from "react-router-dom";
|
|
79
79
|
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
|
|
@@ -239,6 +239,8 @@ PageCardWithRef.displayName = "PageCard";
|
|
|
239
239
|
var PageCard = PageCardWithRef;
|
|
240
240
|
|
|
241
241
|
// src/components/SimpleCard/SimpleCard.tsx
|
|
242
|
+
import { FlexCol, FlexGrowCol as FlexGrowCol2 } from "@ariestools/sdk-react/flexbox";
|
|
243
|
+
import { alphaCss as alphaCss2, useIsSmall as useIsSmall2 } from "@ariestools/sdk-react/theme";
|
|
242
244
|
import { ArrowForwardRounded as ArrowForwardRoundedIcon2 } from "@mui/icons-material";
|
|
243
245
|
import {
|
|
244
246
|
CardActions as CardActions2,
|
|
@@ -248,8 +250,6 @@ import {
|
|
|
248
250
|
Typography as Typography2,
|
|
249
251
|
useTheme as useTheme2
|
|
250
252
|
} from "@mui/material";
|
|
251
|
-
import { FlexCol, FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
|
|
252
|
-
import { alphaCss as alphaCss2, useIsSmall as useIsSmall2 } from "@xylabs/react-theme";
|
|
253
253
|
import { useState as useState2 } from "react";
|
|
254
254
|
import { useNavigate as useNavigate2 } from "react-router-dom";
|
|
255
255
|
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/CardContentEx.tsx", "../../src/components/CardEx.tsx", "../../src/components/FullWidthCard/FullWidthCard.tsx", "../../src/components/PageCard.tsx", "../../src/components/SimpleCard/SimpleCard.tsx"],
|
|
4
|
-
"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 ? (\n <CardMedia\n component=\"img\"\n image={media}\n alt=\"\"\n sx={{ height: '100' }}\n />\n )\n : null}\n <CardContent>\n <Grid\n container\n sx={{\n alignItems: 'center',\n paddingY: 2,\n paddingX: 2,\n }}\n >\n <Grid size={{ xs: 12, md: 6 }}>\n {typeof name === 'string'\n ? (\n <Typography\n variant=\"h2\"\n sx={{\n fontWeight: 700,\n textAlign: 'left',\n paddingBottom: 1,\n }}\n >\n {name}\n </Typography>\n )\n : name}\n </Grid>\n <Grid size={{ xs: 12, md: 5 }}>\n <Typography\n variant=\"body1\"\n sx={{\n fontWeight: 400,\n textAlign: 'left',\n }}\n >\n {desc}\n </Typography>\n </Grid>\n <Grid\n size={{ xs: 1 }}\n sx={{\n display: isMobile ? 'none' : 'flex',\n justifyContent: 'center',\n }}\n >\n <Zoom in={raised}>\n <IconButton\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 sx={{ color: 'primary' }}\n >\n <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n </IconButton>\n </Zoom>\n </Grid>\n </Grid>\n </CardContent>\n <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n <FlexGrowCol sx={{ alignItems: 'flex-end' }}>\n <IconButton\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 sx={{ color: 'primary' }}\n >\n <ArrowForwardRoundedIcon sx={{ 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 ? (\n <CardMedia\n component=\"img\"\n image={media}\n alt=\"\"\n sx={{ height: '100' }}\n />\n )\n : null}\n <CardContent sx={{ height: '100%' }}>\n <FlexCol\n sx={{\n width: '100%',\n alignItems: 'flex-start',\n }}\n >\n {iconImage\n ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n : null}\n {typeof headline === 'string'\n ? (\n <Typography\n variant={small ? 'body1' : 'h6'}\n gutterBottom\n sx={{ textAlign: 'left' }}\n >\n {headline}\n </Typography>\n )\n : headline}\n {subtitle\n ? (\n <Typography\n variant=\"subtitle2\"\n gutterBottom\n sx={{ textAlign: 'left' }}\n >\n {subtitle}\n </Typography>\n )\n : null}\n <Typography\n variant={small ? 'caption' : 'body1'}\n gutterBottom\n sx={{ textAlign: 'left' }}\n >\n {desc}\n </Typography>\n </FlexCol>\n </CardContent>\n {children}\n {interactionVariant == 'button'\n ? (\n <CardActions>\n <FlexGrowCol sx={{ alignItems: 'flex-end' }}>\n <IconButton\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 sx={{ color: raised ? 'secondary' : 'primary' }}\n >\n <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n )\n : null}\n </CardEx>\n )\n}\n"],
|
|
5
|
-
"mappings": ";AACA,SAAS,aAAa,cAAc;AACpC,SAAS,4BAA4B;AACrC,SAAgB,iBAAiB;AAiCxB;AA/BT,IAAM,oBAAoB,OAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAiB,CAAC,CAAC,WAAW,eAAe,EAAE,SAAS,IAAI;AAAA,EAChF,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,SAAS,cAAc,OAAO;AAAA,EACtD,IAAK,YAAY,gBAAgB,kBAAkB;AAAA,IACjD,CAAC,aAAa,GAAG,EAAE,eAAe,EAAE;AAAA,IACpC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,GAAI,iBAAiB,EAAE,SAAS,EAAE;AAAA,EACpC;AACF,EAAE;AASK,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EAAK,cAAc;AAAA,EAAG,aAAa;AAAA,EAAG,GAAG;AAC3C,MAA6E;AAC3E,QAAM,YAAY,qBAAqC,KAAK,UAAU;AAEtE,YAAU,MAAM;AACd,QAAI,aAAa,aAAa;AAC5B,gBAAU,SAAS,OAAO,EAAE,UAAU,UAAU,KAAK,EAAE,CAAC;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,WAAW,WAAW,CAAC;AAE3B,SAAO,oBAAC,qBAAkB,KAAK,WAAY,GAAG,OAAO;AACvD;AAEA,qBAAqB,cAAc;AAE5B,IAAM,gBAAgB;;;ACxC7B,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAkB9B,gBAAAA,YAAA;AAXG,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EAAK;AAAA,EAAO;AAAA,EAAU,GAAG;AAC3B,MAAmB;AACjB,QAAM,SAAS,kBAAkB;AACjC,QAAM,gBACF,aAAa,WACX,OAAO,SACP,aAAa,eACX,OAAO,aACP,CAAC;AACT,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAErB,IAAM,SAAS;;;ACjCtB,SAAS,uBAAuB,+BAA+B;AAE/D;AAAA,EACE,QAAAC;AAAA,EAAM;AAAA,EAAa,eAAAC;AAAA,EAAa;AAAA,EAAW;AAAA,EAAM;AAAA,EAAY;AAAA,EAAY;AAAA,EAAU;AAAA,OAC9E;
|
|
6
|
-
"names": ["jsx", "Card", "CardContent", "jsx", "to", "href", "IconButton", "jsx", "jsxs", "IconButton", "
|
|
4
|
+
"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 { FlexGrowCol } from '@ariestools/sdk-react/flexbox'\nimport { alphaCss, useIsSmall } from '@ariestools/sdk-react/theme'\nimport { 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 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 ? (\n <CardMedia\n component=\"img\"\n image={media}\n alt=\"\"\n sx={{ height: '100' }}\n />\n )\n : null}\n <CardContent>\n <Grid\n container\n sx={{\n alignItems: 'center',\n paddingY: 2,\n paddingX: 2,\n }}\n >\n <Grid size={{ xs: 12, md: 6 }}>\n {typeof name === 'string'\n ? (\n <Typography\n variant=\"h2\"\n sx={{\n fontWeight: 700,\n textAlign: 'left',\n paddingBottom: 1,\n }}\n >\n {name}\n </Typography>\n )\n : name}\n </Grid>\n <Grid size={{ xs: 12, md: 5 }}>\n <Typography\n variant=\"body1\"\n sx={{\n fontWeight: 400,\n textAlign: 'left',\n }}\n >\n {desc}\n </Typography>\n </Grid>\n <Grid\n size={{ xs: 1 }}\n sx={{\n display: isMobile ? 'none' : 'flex',\n justifyContent: 'center',\n }}\n >\n <Zoom in={raised}>\n <IconButton\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 sx={{ color: 'primary' }}\n >\n <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n </IconButton>\n </Zoom>\n </Grid>\n </Grid>\n </CardContent>\n <CardActions sx={{ display: { md: isMobile ? 'flex' : 'none' } }}>\n <FlexGrowCol sx={{ alignItems: 'flex-end' }}>\n <IconButton\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 sx={{ color: 'primary' }}\n >\n <ArrowForwardRoundedIcon sx={{ 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 { FlexCol, FlexGrowCol } from '@ariestools/sdk-react/flexbox'\nimport { alphaCss, useIsSmall } from '@ariestools/sdk-react/theme'\nimport { ArrowForwardRounded as ArrowForwardRoundedIcon } from '@mui/icons-material'\nimport {\n CardActions, CardContent, CardMedia, IconButton, Typography, useTheme,\n} from '@mui/material'\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 ? (\n <CardMedia\n component=\"img\"\n image={media}\n alt=\"\"\n sx={{ height: '100' }}\n />\n )\n : null}\n <CardContent sx={{ height: '100%' }}>\n <FlexCol\n sx={{\n width: '100%',\n alignItems: 'flex-start',\n }}\n >\n {iconImage\n ? <img src={iconImage} height=\"40px\" style={{ paddingBottom: '8px' }} />\n : null}\n {typeof headline === 'string'\n ? (\n <Typography\n variant={small ? 'body1' : 'h6'}\n gutterBottom\n sx={{ textAlign: 'left' }}\n >\n {headline}\n </Typography>\n )\n : headline}\n {subtitle\n ? (\n <Typography\n variant=\"subtitle2\"\n gutterBottom\n sx={{ textAlign: 'left' }}\n >\n {subtitle}\n </Typography>\n )\n : null}\n <Typography\n variant={small ? 'caption' : 'body1'}\n gutterBottom\n sx={{ textAlign: 'left' }}\n >\n {desc}\n </Typography>\n </FlexCol>\n </CardContent>\n {children}\n {interactionVariant == 'button'\n ? (\n <CardActions>\n <FlexGrowCol sx={{ alignItems: 'flex-end' }}>\n <IconButton\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 sx={{ color: raised ? 'secondary' : 'primary' }}\n >\n <ArrowForwardRoundedIcon sx={{ fontSize: small ? 'small' : 'medium' }} />\n </IconButton>\n </FlexGrowCol>\n </CardActions>\n )\n : null}\n </CardEx>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["jsx", "Card", "CardContent", "jsx", "to", "href", "IconButton", "jsx", "jsxs", "IconButton", "FlexGrowCol", "alphaCss", "useIsSmall", "ArrowForwardRoundedIcon", "CardActions", "CardContent", "CardMedia", "IconButton", "Typography", "useTheme", "useState", "useNavigate", "jsx", "jsxs", "useTheme", "useState", "useNavigate", "useIsSmall", "to", "href", "alphaCss", "CardMedia", "CardContent", "Typography", "CardActions", "FlexGrowCol", "IconButton", "ArrowForwardRoundedIcon"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-card",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.4",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -41,96 +41,92 @@
|
|
|
41
41
|
"README.md"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@xyo-network/react-shared": "~10.0.
|
|
44
|
+
"@xyo-network/react-shared": "~10.0.4"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
+
"@ariestools/sdk": "^7.0.5",
|
|
48
|
+
"@ariestools/sdk-react": "^10.0.2",
|
|
47
49
|
"@bitauth/libauth": "~3.0.0",
|
|
48
|
-
"@
|
|
49
|
-
"@mui/
|
|
50
|
-
"@mui/material": "^9.1.2",
|
|
50
|
+
"@mui/icons-material": "^9.2.0",
|
|
51
|
+
"@mui/material": "^9.2.0",
|
|
51
52
|
"@noble/post-quantum": "~0.6.1",
|
|
52
53
|
"@opentelemetry/api": "^1.9.1",
|
|
53
|
-
"@opentelemetry/sdk-trace-base": "^2.
|
|
54
|
-
"@react-spring/web": "
|
|
54
|
+
"@opentelemetry/sdk-trace-base": "^2.9.0",
|
|
55
|
+
"@react-spring/web": "^10.1.2",
|
|
55
56
|
"@scure/base": "~2.2.0",
|
|
56
57
|
"@scure/bip39": "~2.2.0",
|
|
57
58
|
"@storybook/react-vite": "~10.4.6",
|
|
58
59
|
"@types/react": "^19.2.17",
|
|
59
|
-
"@xylabs/
|
|
60
|
-
"@xylabs/
|
|
61
|
-
"@xylabs/
|
|
62
|
-
"@xylabs/
|
|
63
|
-
"@xylabs/
|
|
64
|
-
"@xylabs/
|
|
65
|
-
"@xylabs/
|
|
66
|
-
"@xylabs/react
|
|
67
|
-
"@
|
|
68
|
-
"@
|
|
69
|
-
"@xylabs/threads": "^6.1.4",
|
|
70
|
-
"@xylabs/toolchain": "~8.3.0",
|
|
71
|
-
"@xylabs/tsconfig": "^8.3.0",
|
|
72
|
-
"@xylabs/tsconfig-dom": "^8.3.0",
|
|
73
|
-
"@xylabs/tsconfig-react": "~8.3.0",
|
|
74
|
-
"@xyo-network/sdk-js": "~7.0",
|
|
75
|
-
"@xyo-network/sdk-protocol-js": "~7.0",
|
|
60
|
+
"@xylabs/eth-address": "^7.0.5",
|
|
61
|
+
"@xylabs/geo": "^7.0.5",
|
|
62
|
+
"@xylabs/pixel": "^7.0.5",
|
|
63
|
+
"@xylabs/threads": "^7.0.5",
|
|
64
|
+
"@xylabs/toolchain": "~8.5.15",
|
|
65
|
+
"@xylabs/tsconfig": "^8.5.15",
|
|
66
|
+
"@xylabs/tsconfig-dom": "^8.5.15",
|
|
67
|
+
"@xylabs/tsconfig-react": "~8.5.15",
|
|
68
|
+
"@xyo-network/sdk": "^7.0.7",
|
|
69
|
+
"@xyo-network/sdk-protocol": "^7.0.12",
|
|
76
70
|
"ajv": "^8.20.0",
|
|
77
71
|
"async-mutex": "^0.5.0",
|
|
78
|
-
"
|
|
79
|
-
"
|
|
72
|
+
"clsx": "^2.1.1",
|
|
73
|
+
"debug": "^4.4.3",
|
|
74
|
+
"eslint": "^10.6.0",
|
|
80
75
|
"ethers": "^6.17.0",
|
|
81
76
|
"hash-wasm": "~4.12.0",
|
|
82
77
|
"idb": "^8.0.3",
|
|
83
78
|
"lru-cache": "^11.5.1",
|
|
84
|
-
"
|
|
85
|
-
"
|
|
79
|
+
"md5": "^2.3.0",
|
|
80
|
+
"numeral": "^2.0.6",
|
|
81
|
+
"observable-fns": "^0.6.1",
|
|
82
|
+
"query-string": "^9.4.1",
|
|
86
83
|
"react": "^19.2.7",
|
|
87
84
|
"react-dom": "^19.2.7",
|
|
88
|
-
"react-router-dom": "^7.18.
|
|
85
|
+
"react-router-dom": "^7.18.1",
|
|
89
86
|
"storybook": "^10.4.6",
|
|
90
87
|
"typescript": "^6.0.3",
|
|
91
|
-
"
|
|
92
|
-
"
|
|
88
|
+
"viem": "^2.54.2",
|
|
89
|
+
"vite": "^8.1.3",
|
|
93
90
|
"zod": "^4.4.3",
|
|
94
|
-
"
|
|
91
|
+
"zustand": "^5.0.14",
|
|
92
|
+
"@xyo-network/react-storybook": "~10.0.4"
|
|
95
93
|
},
|
|
96
94
|
"peerDependencies": {
|
|
95
|
+
"@ariestools/sdk": "^7.0",
|
|
96
|
+
"@ariestools/sdk-react": "^10.0",
|
|
97
97
|
"@bitauth/libauth": "~3.0",
|
|
98
|
-
"@metamask/providers": "^22.1",
|
|
99
98
|
"@mui/icons-material": "^9.0",
|
|
100
99
|
"@mui/material": "^9.0",
|
|
101
100
|
"@noble/post-quantum": "~0.6.1",
|
|
102
101
|
"@opentelemetry/api": "^1.9",
|
|
103
102
|
"@opentelemetry/sdk-trace-base": "^2.7",
|
|
104
|
-
"@react-spring/web": "
|
|
103
|
+
"@react-spring/web": "^10.1",
|
|
105
104
|
"@scure/base": "~2.2",
|
|
106
105
|
"@scure/bip39": "~2.2",
|
|
107
|
-
"@xylabs/
|
|
108
|
-
"@xylabs/
|
|
109
|
-
"@xylabs/
|
|
110
|
-
"@xylabs/
|
|
111
|
-
"@
|
|
112
|
-
"@
|
|
113
|
-
"@xylabs/react-promise": "^9.1",
|
|
114
|
-
"@xylabs/react-shared": "^9.1",
|
|
115
|
-
"@xylabs/react-theme": "^9.1",
|
|
116
|
-
"@xylabs/sdk-js": "^6.0",
|
|
117
|
-
"@xylabs/threads": "^6.0",
|
|
118
|
-
"@xyo-network/sdk-js": "^7.0",
|
|
119
|
-
"@xyo-network/sdk-protocol-js": "^7.0",
|
|
106
|
+
"@xylabs/eth-address": "^7.0",
|
|
107
|
+
"@xylabs/geo": "^7.0",
|
|
108
|
+
"@xylabs/pixel": "^7.0",
|
|
109
|
+
"@xylabs/threads": "^7.0",
|
|
110
|
+
"@xyo-network/sdk": "*",
|
|
111
|
+
"@xyo-network/sdk-protocol": "^7.0",
|
|
120
112
|
"ajv": "^8.20",
|
|
121
113
|
"async-mutex": "^0.5",
|
|
122
|
-
"
|
|
114
|
+
"clsx": "^2.1",
|
|
115
|
+
"debug": "^4.4",
|
|
123
116
|
"ethers": "^6.16",
|
|
124
117
|
"hash-wasm": "~4.12",
|
|
125
118
|
"idb": "^8.0",
|
|
126
119
|
"lru-cache": "^11.3",
|
|
127
|
-
"
|
|
128
|
-
"
|
|
120
|
+
"md5": "^2.3",
|
|
121
|
+
"numeral": "^2.0",
|
|
122
|
+
"observable-fns": "^0.6",
|
|
123
|
+
"query-string": "^9.4",
|
|
129
124
|
"react": "^19.2",
|
|
130
125
|
"react-dom": "^19.2",
|
|
131
126
|
"react-router-dom": "^7.15",
|
|
132
|
-
"
|
|
133
|
-
"zod": "^4.4"
|
|
127
|
+
"viem": "^2.48",
|
|
128
|
+
"zod": "^4.4",
|
|
129
|
+
"zustand": "^5.0"
|
|
134
130
|
},
|
|
135
131
|
"publishConfig": {
|
|
136
132
|
"access": "public"
|