@xyo-network/react-property 7.5.11 → 7.6.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 (3) hide show
  1. package/dist/browser/components/Group.d.ts.map +1 -1
  2. package/dist/browser/index.mjs.map +1 -1
  3. package/package.json +81 -71
package/dist/browser/components/Group.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACsC,kBAAkB,EACnE,MAAM,YAAY,CAAA;AAiDnB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAGtD,CAAA"}
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACsC,kBAAkB,EACnE,MAAM,YAAY,CAAA;AAiDnB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
package/dist/browser/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/Group.tsx","../../src/components/Title.tsx","../../src/components/Property.tsx","../../src/components/ActionsMenu.tsx","../../src/components/IdenticonCorner.tsx","../../src/components/Value.tsx"],"sourcesContent":["import { Paper, useTheme } from '@mui/material'\nimport {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@xylabs/react-flexbox'\nimport { typeOf } from '@xyo-network/typeof'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport type {\n PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({\n titleProps, children, title, tip, ...props\n}) => {\n const theme = useTheme()\n const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n return (\n <FlexCol alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n <FlexRow overflow=\"hidden\" justifyContent=\"stretch\" alignItems=\"stretch\">\n <PropertyTitle alignItems=\"flex-start\" size=\"full\" title={title} tip={tip} {...titleProps} />\n {childrenArray\n ? (\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child\n ? (\n <FlexGrowRow key={child.key ?? `group-child-${index}`} borderLeft={1} borderColor={theme.vars.palette.divider}>\n {child}\n </FlexGrowRow>\n )\n : null\n })}\n </FlexGrowRow>\n )\n : <FlexGrowRow overflow=\"hidden\">{children}</FlexGrowRow>}\n </FlexRow>\n </FlexCol>\n )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({\n style, variant, elevation, square, ...props\n}) => {\n return (\n <Paper\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyGroupBox {...props} paper={false} />\n </Paper>\n )\n}\n\nexport const PropertyGroup: React.FC<PropertyGroupProps> = (props) => {\n // eslint-disable-next-line react-x/prefer-destructuring-assignment\n return props.paper ? <PropertyGroupPaper {...props} /> : <PropertyGroupBox {...props} />\n}\n","import type { TypographyVariant } from '@mui/material'\nimport { Typography, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { darkenCss, useIsDark } from '@xylabs/react-theme'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n elevation?: number\n more?: ReactNode\n size?: TitleSizeProp\n tip?: ReactNode\n title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({\n elevation = 1, size = 'medium', tip, more, title, ...props\n}) => {\n const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n full: 'caption',\n large: 'caption',\n medium: 'caption',\n small: 'caption',\n }\n\n const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n full: undefined,\n large: 32,\n medium: 20,\n small: 16,\n }\n\n const sizeFontSize: Record<TitleSizeProp, number> = {\n full: 16,\n large: 16,\n medium: 14,\n small: 10,\n }\n\n const quickTipSize = Math.min(sizeFontSize[size], 16)\n\n const theme = useTheme()\n const isDark = useIsDark()\n\n return (\n <FlexRow\n bgcolor={\n isDark\n ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation)\n : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation)\n }\n alignItems=\"center\"\n height={sizeTitleHeight[size]}\n justifyContent=\"space-between\"\n {...props}\n >\n <FlexRow paddingX={1} paddingY={0.5}>\n <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip\n ? (\n <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n {tip}\n </QuickTipButton>\n )\n : null}\n </FlexRow>\n {more}\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport { CircularProgress, Paper } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { PropertyActionsMenu } from './ActionsMenu.tsx'\nimport { IdenticonCorner } from './IdenticonCorner.tsx'\nimport type {\n PropertyBoxProps, PropertyPaperProps, PropertyProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\nimport { PropertyValue } from './Value.tsx'\n\nconst PropertyBox: React.FC<PropertyBoxProps> = ({\n titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props\n}) => {\n const sizeValueHeight: Record<SizeProp, number> = {\n large: 48,\n medium: 36,\n small: 24,\n }\n\n const sizeVariants: Record<SizeProp, TypographyVariant> = {\n large: 'h6',\n medium: 'body1',\n small: 'body2',\n }\n\n return (\n <FlexRow flexDirection=\"column\" minWidth={0} alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n {title === undefined\n ? null\n : (\n <PropertyTitle\n tip={tip}\n title={required ? `${title}*` : title}\n size={size}\n more={<PropertyActionsMenu actions={actions} />}\n {...titleProps}\n />\n )}\n <FlexRow\n pl={1}\n columnGap={1}\n justifyContent={value === undefined ? 'center' : 'space-between'}\n overflow=\"hidden\"\n height={sizeValueHeight[size]}\n >\n {children ?? ((value === undefined)\n ? <CircularProgress size={16} />\n : <PropertyValue value={value} typographyVariant={sizeVariants[size]} />)}\n {value === undefined\n ? null\n : badge\n ? <IdenticonCorner value={value} />\n : null}\n </FlexRow>\n </FlexRow>\n )\n}\nPropertyBox.displayName = 'PropertyBox'\n\nconst PropertyPaper: React.FC<PropertyPaperProps> = ({\n ref, style, variant, elevation = 2, square, ...props\n}) => {\n return (\n <Paper\n ref={ref}\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyBox {...props} paper={false} />\n </Paper>\n )\n}\nPropertyPaper.displayName = 'PropertyPaper'\n\nexport const Property: React.FC<PropertyProps> = ({ ...props }) => {\n return props.paper ? <PropertyPaper {...props} /> : <PropertyBox {...props} />\n}\nProperty.displayName = 'Property'\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport {\n IconButton, Menu, MenuItem,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { PropertyActionsProps } from './ActionsProps.ts'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n const open = !!anchorEl\n\n const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n return actions && actions?.length > 0\n ? (\n <FlexRow {...props}>\n <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n <MoreHorizIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n {actions?.map((action) => {\n return (\n <MenuItem\n key={action.name}\n onClick={() => {\n action?.onClick?.()\n handleClose()\n }}\n >\n {action.name}\n </MenuItem>\n )\n })}\n </Menu>\n </FlexRow>\n )\n : null\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport React, {\n useLayoutEffect, useRef, useState,\n} from 'react'\n\nexport interface IdenticonCornerProps extends FlexBoxProps {\n value?: string | number | boolean | null\n}\n\nexport const IdenticonCorner: React.FC<IdenticonCornerProps> = ({ value, ...props }) => {\n const theme = useTheme()\n const ref = useRef<HTMLDivElement>(null)\n const [calculatedHeight, setCalculatedHeight] = useState(0)\n\n useLayoutEffect(() => {\n const height = ref.current?.parentElement?.parentElement?.clientHeight ?? 0\n // eslint-disable-next-line react-x/set-state-in-effect\n setCalculatedHeight(height)\n }, [])\n\n return (\n <FlexRow alignItems=\"flex-start\" height=\"100%\">\n <FlexRow background height={calculatedHeight} width={calculatedHeight} borderLeft={`1px solid ${theme.vars.palette.divider}`}>\n <div ref={ref}>\n <Identicon size={calculatedHeight * 0.6} value={`${value}`} sx={{ padding: `${calculatedHeight * 0.2}px` }} {...props} />\n </div>\n </FlexRow>\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport type { EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { EllipsizeBox } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface PropertyValueProps extends EllipsizeBoxProps {\n typographyVariant?: TypographyVariant\n value?: string | number | boolean | null\n}\n\nexport const PropertyValue = ({\n ref, typographyVariant = 'body1', value, ...props\n}: PropertyValueProps) => {\n return value === undefined\n ? null\n : (\n <EllipsizeBox\n typographyProps={{\n component: undefined, title: value?.toString(), variant: typographyVariant,\n }}\n width=\"100%\"\n ref={ref}\n {...props}\n >\n {value}\n </EllipsizeBox>\n )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":"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","names":["useTheme","FlexRow","jsx","jsxs","useTheme","FlexRow","Paper","FlexRow","FlexRow","jsx","jsxs","useTheme","FlexRow","useState","jsx","jsx","jsx","jsxs","FlexRow","Paper"]}
1
+ {"version":3,"sources":["../../src/components/Group.tsx","../../src/components/Title.tsx","../../src/components/Property.tsx","../../src/components/ActionsMenu.tsx","../../src/components/IdenticonCorner.tsx","../../src/components/Value.tsx"],"sourcesContent":["import { Paper, useTheme } from '@mui/material'\nimport {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@xylabs/react-flexbox'\nimport { typeOf } from '@xyo-network/typeof'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport type {\n PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({\n titleProps, children, title, tip, ...props\n}) => {\n const theme = useTheme()\n const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n return (\n <FlexCol alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n <FlexRow overflow=\"hidden\" justifyContent=\"stretch\" alignItems=\"stretch\">\n <PropertyTitle alignItems=\"flex-start\" size=\"full\" title={title} tip={tip} {...titleProps} />\n {childrenArray\n ? (\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child\n ? (\n <FlexGrowRow key={child.key ?? `group-child-${index}`} borderLeft={1} borderColor={theme.vars.palette.divider}>\n {child}\n </FlexGrowRow>\n )\n : null\n })}\n </FlexGrowRow>\n )\n : <FlexGrowRow overflow=\"hidden\">{children}</FlexGrowRow>}\n </FlexRow>\n </FlexCol>\n )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({\n style, variant, elevation, square, ...props\n}) => {\n return (\n <Paper\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyGroupBox {...props} paper={false} />\n </Paper>\n )\n}\n\nexport const PropertyGroup: React.FC<PropertyGroupProps> = (props) => {\n return props.paper ? <PropertyGroupPaper {...props} /> : <PropertyGroupBox {...props} />\n}\n","import type { TypographyVariant } from '@mui/material'\nimport { Typography, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { darkenCss, useIsDark } from '@xylabs/react-theme'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n elevation?: number\n more?: ReactNode\n size?: TitleSizeProp\n tip?: ReactNode\n title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({\n elevation = 1, size = 'medium', tip, more, title, ...props\n}) => {\n const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n full: 'caption',\n large: 'caption',\n medium: 'caption',\n small: 'caption',\n }\n\n const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n full: undefined,\n large: 32,\n medium: 20,\n small: 16,\n }\n\n const sizeFontSize: Record<TitleSizeProp, number> = {\n full: 16,\n large: 16,\n medium: 14,\n small: 10,\n }\n\n const quickTipSize = Math.min(sizeFontSize[size], 16)\n\n const theme = useTheme()\n const isDark = useIsDark()\n\n return (\n <FlexRow\n bgcolor={\n isDark\n ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation)\n : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation)\n }\n alignItems=\"center\"\n height={sizeTitleHeight[size]}\n justifyContent=\"space-between\"\n {...props}\n >\n <FlexRow paddingX={1} paddingY={0.5}>\n <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip\n ? (\n <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n {tip}\n </QuickTipButton>\n )\n : null}\n </FlexRow>\n {more}\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport { CircularProgress, Paper } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { PropertyActionsMenu } from './ActionsMenu.tsx'\nimport { IdenticonCorner } from './IdenticonCorner.tsx'\nimport type {\n PropertyBoxProps, PropertyPaperProps, PropertyProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\nimport { PropertyValue } from './Value.tsx'\n\nconst PropertyBox: React.FC<PropertyBoxProps> = ({\n titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props\n}) => {\n const sizeValueHeight: Record<SizeProp, number> = {\n large: 48,\n medium: 36,\n small: 24,\n }\n\n const sizeVariants: Record<SizeProp, TypographyVariant> = {\n large: 'h6',\n medium: 'body1',\n small: 'body2',\n }\n\n return (\n <FlexRow flexDirection=\"column\" minWidth={0} alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n {title === undefined\n ? null\n : (\n <PropertyTitle\n tip={tip}\n title={required ? `${title}*` : title}\n size={size}\n more={<PropertyActionsMenu actions={actions} />}\n {...titleProps}\n />\n )}\n <FlexRow\n pl={1}\n columnGap={1}\n justifyContent={value === undefined ? 'center' : 'space-between'}\n overflow=\"hidden\"\n height={sizeValueHeight[size]}\n >\n {children ?? ((value === undefined)\n ? <CircularProgress size={16} />\n : <PropertyValue value={value} typographyVariant={sizeVariants[size]} />)}\n {value === undefined\n ? null\n : badge\n ? <IdenticonCorner value={value} />\n : null}\n </FlexRow>\n </FlexRow>\n )\n}\nPropertyBox.displayName = 'PropertyBox'\n\nconst PropertyPaper: React.FC<PropertyPaperProps> = ({\n ref, style, variant, elevation = 2, square, ...props\n}) => {\n return (\n <Paper\n ref={ref}\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyBox {...props} paper={false} />\n </Paper>\n )\n}\nPropertyPaper.displayName = 'PropertyPaper'\n\nexport const Property: React.FC<PropertyProps> = ({ ...props }) => {\n return props.paper ? <PropertyPaper {...props} /> : <PropertyBox {...props} />\n}\nProperty.displayName = 'Property'\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport {\n IconButton, Menu, MenuItem,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { PropertyActionsProps } from './ActionsProps.ts'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n const open = !!anchorEl\n\n const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n return actions && actions?.length > 0\n ? (\n <FlexRow {...props}>\n <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n <MoreHorizIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n {actions?.map((action) => {\n return (\n <MenuItem\n key={action.name}\n onClick={() => {\n action?.onClick?.()\n handleClose()\n }}\n >\n {action.name}\n </MenuItem>\n )\n })}\n </Menu>\n </FlexRow>\n )\n : null\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport React, {\n useLayoutEffect, useRef, useState,\n} from 'react'\n\nexport interface IdenticonCornerProps extends FlexBoxProps {\n value?: string | number | boolean | null\n}\n\nexport const IdenticonCorner: React.FC<IdenticonCornerProps> = ({ value, ...props }) => {\n const theme = useTheme()\n const ref = useRef<HTMLDivElement>(null)\n const [calculatedHeight, setCalculatedHeight] = useState(0)\n\n useLayoutEffect(() => {\n const height = ref.current?.parentElement?.parentElement?.clientHeight ?? 0\n // eslint-disable-next-line react-x/set-state-in-effect\n setCalculatedHeight(height)\n }, [])\n\n return (\n <FlexRow alignItems=\"flex-start\" height=\"100%\">\n <FlexRow background height={calculatedHeight} width={calculatedHeight} borderLeft={`1px solid ${theme.vars.palette.divider}`}>\n <div ref={ref}>\n <Identicon size={calculatedHeight * 0.6} value={`${value}`} sx={{ padding: `${calculatedHeight * 0.2}px` }} {...props} />\n </div>\n </FlexRow>\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport type { EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { EllipsizeBox } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface PropertyValueProps extends EllipsizeBoxProps {\n typographyVariant?: TypographyVariant\n value?: string | number | boolean | null\n}\n\nexport const PropertyValue = ({\n ref, typographyVariant = 'body1', value, ...props\n}: PropertyValueProps) => {\n return value === undefined\n ? null\n : (\n <EllipsizeBox\n typographyProps={{\n component: undefined, title: value?.toString(), variant: typographyVariant,\n }}\n width=\"100%\"\n ref={ref}\n {...props}\n >\n {value}\n </EllipsizeBox>\n )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":"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","names":["useTheme","FlexRow","jsx","jsxs","useTheme","FlexRow","Paper","FlexRow","FlexRow","jsx","jsxs","useTheme","FlexRow","useState","jsx","jsx","jsx","jsxs","FlexRow","Paper"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-property",
3
- "version": "7.5.11",
3
+ "version": "7.6.0",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,105 +41,115 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-shared": "~7.5.11"
44
+ "@xyo-network/react-shared": "~7.6.0"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@bitauth/libauth": "~3.0.0",
48
48
  "@mui/icons-material": "^7.3.10",
49
49
  "@mui/material": "^7.3.10",
50
50
  "@opentelemetry/api": "^1.9.1",
51
- "@opentelemetry/sdk-trace-base": "^2.7.0",
51
+ "@opentelemetry/sdk-trace-base": "^2.7.1",
52
+ "@react-spring/web": "~10.0.3",
52
53
  "@scure/base": "~2.2.0",
53
- "@storybook/react-vite": "~10.3.5",
54
- "@types/node": "~25.6.0",
54
+ "@storybook/react-vite": "~10.3.6",
55
55
  "@types/react": "^19.2.14",
56
- "@xylabs/react-async-effect": "~7.1.20",
57
- "@xylabs/react-button": "~7.1.20",
58
- "@xylabs/react-dialogs": "~7.1.20",
59
- "@xylabs/react-flexbox": "~7.1.20",
60
- "@xylabs/react-hooks": "~7.1.20",
61
- "@xylabs/react-identicon": "~7.1.20",
62
- "@xylabs/react-link": "~7.1.20",
63
- "@xylabs/react-promise": "~7.1.20",
64
- "@xylabs/react-quick-tip-button": "~7.1.20",
65
- "@xylabs/react-shared": "~7.1.20",
66
- "@xylabs/react-theme": "~7.1.20",
67
- "@xylabs/sdk-js": "^5.0.100",
68
- "@xylabs/threads": "~5.0.100",
69
- "@xylabs/toolchain": "~7.11.9",
70
- "@xylabs/tsconfig": "^7.11.9",
71
- "@xylabs/tsconfig-dom": "^7.11.9",
72
- "@xylabs/tsconfig-react": "~7.11.9",
73
- "@xylabs/zod": "~5.0.100",
74
- "@xyo-network/boundwitness-model": "^5.5.1",
75
- "@xyo-network/boundwitness-validator": "^5.5.1",
76
- "@xyo-network/payload-builder": "^5.5.1",
77
- "@xyo-network/payload-model": "^5.5.1",
56
+ "@xylabs/pixel": "~5.1.1",
57
+ "@xylabs/react-button": "~7.2.3",
58
+ "@xylabs/react-flexbox": "~7.2.3",
59
+ "@xylabs/react-hooks": "~7.2.3",
60
+ "@xylabs/react-identicon": "~7.2.3",
61
+ "@xylabs/react-link": "~7.2.3",
62
+ "@xylabs/react-promise": "~7.2.3",
63
+ "@xylabs/react-quick-tip-button": "~7.2.3",
64
+ "@xylabs/react-shared": "~7.2.3",
65
+ "@xylabs/react-theme": "~7.2.3",
66
+ "@xylabs/sdk-js": "^5.1.1",
67
+ "@xylabs/threads": "~5.1.1",
68
+ "@xylabs/toolchain": "~7.13.4",
69
+ "@xylabs/tsconfig": "^7.13.4",
70
+ "@xylabs/tsconfig-dom": "^7.13.4",
71
+ "@xylabs/tsconfig-react": "~7.13.4",
72
+ "@xyo-network/boundwitness-model": "^5.6.2",
73
+ "@xyo-network/boundwitness-validator": "^5.6.1",
74
+ "@xyo-network/payload-builder": "^5.6.1",
75
+ "@xyo-network/payload-model": "^5.6.2",
78
76
  "@xyo-network/typeof": "~5.3.30",
79
77
  "async-mutex": "^0.5.0",
80
- "axios": "^1.15.2",
81
78
  "bn.js": "^5.2.3",
82
79
  "bowser": "^2.14.1",
83
80
  "buffer": "^6.0.3",
84
81
  "chalk": "^5.6.2",
85
82
  "debug": "~4.4.3",
86
- "esbuild": "~0.28.0",
87
- "eslint": "^10.2.1",
83
+ "eslint": "^10.3.0",
88
84
  "ethers": "^6.16.0",
89
85
  "fast-deep-equal": "~3.1.3",
90
86
  "hash-wasm": "~4.12.0",
91
87
  "js-cookie": "~3.0.5",
88
+ "md5": "~2.3.0",
89
+ "mixpanel-browser": "~2.78.0",
92
90
  "observable-fns": "~0.6.1",
93
91
  "pako": "^2.1.0",
92
+ "query-string": "~9.3.1",
94
93
  "react": "^19.2.5",
95
94
  "react-dom": "^19.2.5",
96
- "react-router-dom": "^7.14.2",
95
+ "react-is": "^19.2.5",
96
+ "react-router-dom": "^7.15.0",
97
+ "recharts": "~3.8.1",
97
98
  "spark-md5": "~3.0.2",
98
- "storybook": "^10.3.5",
99
+ "storybook": "^10.3.6",
99
100
  "typescript": "^5.9.3",
100
101
  "vite": "^8.0.10",
101
102
  "wasm-feature-detect": "~1.8.0",
102
- "zod": "^4.3.6"
103
+ "zod": "^4.4.3"
103
104
  },
104
105
  "peerDependencies": {
105
- "@mui/icons-material": "^7.3.10",
106
- "@mui/material": "^7.3.10",
107
- "@opentelemetry/api": "^1.9.1",
108
- "@opentelemetry/sdk-trace-base": "^2.7.0",
109
- "@scure/base": "~2.2.0",
110
- "@xylabs/react-async-effect": "~7.1.20",
111
- "@xylabs/react-button": "~7.1.20",
112
- "@xylabs/react-dialogs": "~7.1.20",
113
- "@xylabs/react-flexbox": "~7.1.20",
114
- "@xylabs/react-hooks": "~7.1.20",
115
- "@xylabs/react-identicon": "~7.1.20",
116
- "@xylabs/react-link": "~7.1.20",
117
- "@xylabs/react-promise": "~7.1.20",
118
- "@xylabs/react-quick-tip-button": "~7.1.20",
119
- "@xylabs/react-shared": "~7.1.20",
120
- "@xylabs/react-theme": "~7.1.20",
121
- "@xylabs/sdk-js": "^5.0.100",
122
- "@xylabs/zod": "~5.0.100",
123
- "@xyo-network/boundwitness-model": "^5.5.1",
124
- "@xyo-network/boundwitness-validator": "^5.5.1",
125
- "@xyo-network/payload-builder": "^5.5.1",
126
- "@xyo-network/payload-model": "^5.5.1",
127
- "@xyo-network/typeof": "~5.3.30",
128
- "async-mutex": "^0.5.0",
129
- "axios": "^1.15.2",
130
- "bn.js": "^5.2.3",
131
- "bowser": "^2.14.1",
132
- "buffer": "^6.0.3",
133
- "chalk": "^5.6.2",
134
- "ethers": "^6.16.0",
135
- "fast-deep-equal": "~3.1.3",
136
- "js-cookie": "~3.0.5",
137
- "pako": "^2.1.0",
138
- "react": "^19.2.5",
139
- "react-dom": "^19.2.5",
140
- "react-router-dom": "^7.14.2",
141
- "spark-md5": "~3.0.2",
142
- "zod": "^4.3.6"
106
+ "@bitauth/libauth": ">=3.0.0 <3.1",
107
+ "@mui/icons-material": ">=7.3.10 <8",
108
+ "@mui/material": ">=7.3.10 <8",
109
+ "@opentelemetry/api": ">=1.9.1 <2",
110
+ "@opentelemetry/sdk-trace-base": ">=2.7.1 <3",
111
+ "@react-spring/web": ">=10.0.3 <10.1",
112
+ "@scure/base": ">=2.2.0 <2.3",
113
+ "@xylabs/pixel": ">=5.1.1 <5.2",
114
+ "@xylabs/react-button": ">=7.2.3 <7.3",
115
+ "@xylabs/react-flexbox": ">=7.2.3 <7.3",
116
+ "@xylabs/react-hooks": ">=7.2.3 <7.3",
117
+ "@xylabs/react-identicon": ">=7.2.3 <7.3",
118
+ "@xylabs/react-link": ">=7.2.3 <7.3",
119
+ "@xylabs/react-promise": ">=7.2.3 <7.3",
120
+ "@xylabs/react-quick-tip-button": ">=7.2.3 <7.3",
121
+ "@xylabs/react-shared": ">=7.2.3 <7.3",
122
+ "@xylabs/react-theme": ">=7.2.3 <7.3",
123
+ "@xylabs/sdk-js": ">=5.1.1 <6",
124
+ "@xylabs/threads": ">=5.1.1 <5.2",
125
+ "@xyo-network/boundwitness-model": ">=5.6.2 <6",
126
+ "@xyo-network/boundwitness-validator": ">=5.6.1 <6",
127
+ "@xyo-network/payload-builder": ">=5.6.1 <6",
128
+ "@xyo-network/payload-model": ">=5.6.2 <6",
129
+ "@xyo-network/typeof": ">=5.3.30 <5.4",
130
+ "async-mutex": ">=0.5.0 <1",
131
+ "bn.js": ">=5.2.3 <6",
132
+ "bowser": ">=2.14.1 <3",
133
+ "buffer": ">=6.0.3 <7",
134
+ "chalk": ">=5.6.2 <6",
135
+ "debug": ">=4.4.3 <4.5",
136
+ "ethers": ">=6.16.0 <7",
137
+ "fast-deep-equal": ">=3.1.3 <3.2",
138
+ "hash-wasm": ">=4.12.0 <4.13",
139
+ "js-cookie": ">=3.0.5 <3.1",
140
+ "md5": ">=2.3.0 <2.4",
141
+ "mixpanel-browser": ">=2.78.0 <2.79",
142
+ "observable-fns": ">=0.6.1 <0.7",
143
+ "pako": ">=2.1.0 <3",
144
+ "query-string": ">=9.3.1 <9.4",
145
+ "react": ">=19.2.5 <20",
146
+ "react-dom": ">=19.2.5 <20",
147
+ "react-is": ">=19.2.5 <20",
148
+ "react-router-dom": ">=7.15.0 <8",
149
+ "recharts": ">=3.8.1 <3.9",
150
+ "spark-md5": ">=3.0.2 <3.1",
151
+ "wasm-feature-detect": ">=1.8.0 <1.9",
152
+ "zod": ">=4.4.3 <5"
143
153
  },
144
154
  "publishConfig": {
145
155
  "access": "public"