@xyo-network/react-property 10.0.3 → 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.
- package/dist/browser/components/ActionsProps.d.ts +1 -1
- package/dist/browser/components/ActionsProps.d.ts.map +1 -1
- package/dist/browser/components/IdenticonCorner.d.ts +1 -1
- package/dist/browser/components/IdenticonCorner.d.ts.map +1 -1
- package/dist/browser/components/Props.d.ts +1 -1
- package/dist/browser/components/Props.d.ts.map +1 -1
- package/dist/browser/components/Title.d.ts +1 -1
- package/dist/browser/components/Title.d.ts.map +1 -1
- package/dist/browser/index.mjs +9 -9
- package/dist/browser/index.mjs.map +3 -3
- package/package.json +39 -43
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FlexBoxProps } from '@
|
|
1
|
+
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
2
2
|
import type { PropertyAction } from './Action.ts';
|
|
3
3
|
export interface PropertyActionsProps extends FlexBoxProps {
|
|
4
4
|
actions?: PropertyAction[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,KAEN,MAAM,OAAO,CAAA;AAEd,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgC1D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import type { FlexBoxProps } from '@ariestools/sdk-react/flexbox';
|
|
1
2
|
import type { PaperProps } from '@mui/material';
|
|
2
|
-
import type { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
import type { SizeProp } from '@xyo-network/react-shared';
|
|
4
4
|
import type { ReactNode } from 'react';
|
|
5
5
|
import type { PropertyAction } from './Action.ts';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACjD,YAAY,GAAG;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACnD,UAAU,GAAG;IACb,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACtD,YAAY,GAAG;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GACxD,UAAU,GAAG;IACb,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAMjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2EtD,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
// src/components/Group.tsx
|
|
2
|
-
import { Paper, useTheme as useTheme2 } from "@mui/material";
|
|
3
2
|
import {
|
|
4
3
|
FlexCol,
|
|
5
4
|
FlexGrowRow,
|
|
6
5
|
FlexRow as FlexRow2
|
|
7
|
-
} from "@
|
|
6
|
+
} from "@ariestools/sdk-react/flexbox";
|
|
7
|
+
import { Paper, useTheme as useTheme2 } from "@mui/material";
|
|
8
8
|
import { typeOf } from "@xyo-network/typeof";
|
|
9
9
|
|
|
10
10
|
// src/components/Title.tsx
|
|
11
|
+
import { FlexRow } from "@ariestools/sdk-react/flexbox";
|
|
12
|
+
import { QuickTipButton } from "@ariestools/sdk-react/quick-tip-button";
|
|
13
|
+
import { darkenCss, useIsDark } from "@ariestools/sdk-react/theme";
|
|
11
14
|
import { Typography, useTheme } from "@mui/material";
|
|
12
|
-
import { FlexRow } from "@xylabs/react-flexbox";
|
|
13
|
-
import { QuickTipButton } from "@xylabs/react-quick-tip-button";
|
|
14
|
-
import { darkenCss, useIsDark } from "@xylabs/react-theme";
|
|
15
15
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
16
|
var PropertyTitle = ({
|
|
17
17
|
elevation = 1,
|
|
@@ -175,17 +175,17 @@ var PropertyGroup = (props) => {
|
|
|
175
175
|
};
|
|
176
176
|
|
|
177
177
|
// src/components/Property.tsx
|
|
178
|
+
import { FlexRow as FlexRow5 } from "@ariestools/sdk-react/flexbox";
|
|
178
179
|
import { CircularProgress, Paper as Paper2 } from "@mui/material";
|
|
179
|
-
import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
|
|
180
180
|
|
|
181
181
|
// src/components/ActionsMenu.tsx
|
|
182
|
+
import { FlexRow as FlexRow3 } from "@ariestools/sdk-react/flexbox";
|
|
182
183
|
import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
|
|
183
184
|
import {
|
|
184
185
|
IconButton,
|
|
185
186
|
Menu,
|
|
186
187
|
MenuItem
|
|
187
188
|
} from "@mui/material";
|
|
188
|
-
import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
|
|
189
189
|
import { useState } from "react";
|
|
190
190
|
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
191
191
|
var PropertyActionsMenu = ({ actions, ...props }) => {
|
|
@@ -224,9 +224,9 @@ var PropertyActionsMenu = ({ actions, ...props }) => {
|
|
|
224
224
|
};
|
|
225
225
|
|
|
226
226
|
// src/components/IdenticonCorner.tsx
|
|
227
|
+
import { FlexRow as FlexRow4 } from "@ariestools/sdk-react/flexbox";
|
|
228
|
+
import { Identicon } from "@ariestools/sdk-react/identicon";
|
|
227
229
|
import { useTheme as useTheme3 } from "@mui/material";
|
|
228
|
-
import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
|
|
229
|
-
import { Identicon } from "@xylabs/react-identicon";
|
|
230
230
|
import {
|
|
231
231
|
useLayoutEffect,
|
|
232
232
|
useRef,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
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"],
|
|
4
|
-
"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\n {...props}\n sx={[{\n alignItems: 'stretch',\n overflow: 'hidden',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexRow\n sx={{\n overflow: 'hidden',\n justifyContent: 'stretch',\n alignItems: 'stretch',\n }}\n >\n <PropertyTitle\n size=\"full\"\n title={title}\n tip={tip}\n {...titleProps}\n sx={[{ alignItems: 'flex-start' }, ...(Array.isArray(titleProps?.sx) ? titleProps.sx : [titleProps?.sx])]}\n />\n {childrenArray\n ? (\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child\n ? (\n <FlexGrowRow\n key={child.key ?? `group-child-${index}`}\n sx={{\n borderLeft: 1,\n borderColor: theme.vars.palette.divider,\n }}\n >\n {child}\n </FlexGrowRow>\n )\n : null\n })}\n </FlexGrowRow>\n )\n : (\n <FlexGrowRow sx={{ overflow: 'hidden' }}>\n {children}\n </FlexGrowRow>\n )}\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 {...props}\n sx={[{\n bgcolor: 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 }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexRow\n sx={{\n paddingX: 1,\n paddingY: 0.5,\n }}\n >\n <Typography\n noWrap\n variant={sizeVariants[size]}\n sx={{\n fontWeight: 500,\n fontSize: sizeFontSize[size],\n }}\n >\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip\n ? (\n <QuickTipButton\n style={{ fontSize: quickTipSize }}\n title={title ?? ''}\n sx={{ color: 'inherit' }}\n >\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\n {...props}\n sx={[{\n flexDirection: 'column',\n minWidth: 0,\n alignItems: 'stretch',\n overflow: 'hidden',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\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 sx={{\n pl: 1,\n columnGap: 1,\n justifyContent: value === undefined ? 'center' : 'space-between',\n overflow: 'hidden',\n height: sizeValueHeight[size],\n }}\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\n size=\"small\"\n onClick={handleClick}\n sx={{ color: 'inherit' }}\n >\n <MoreHorizIcon sx={{ 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\n sx={{\n alignItems: 'flex-start',\n height: '100%',\n }}\n >\n <FlexRow\n background\n sx={{\n height: calculatedHeight,\n width: calculatedHeight,\n borderLeft: `1px solid ${theme.vars.palette.divider}`,\n }}\n >\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 ref={ref}\n {...props}\n sx={[{ width: '100%' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {value}\n </EllipsizeBox>\n )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],
|
|
5
|
-
"mappings": ";AAAA
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@ariestools/sdk-react/flexbox'\nimport { Paper, useTheme } from '@mui/material'\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\n {...props}\n sx={[{\n alignItems: 'stretch',\n overflow: 'hidden',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexRow\n sx={{\n overflow: 'hidden',\n justifyContent: 'stretch',\n alignItems: 'stretch',\n }}\n >\n <PropertyTitle\n size=\"full\"\n title={title}\n tip={tip}\n {...titleProps}\n sx={[{ alignItems: 'flex-start' }, ...(Array.isArray(titleProps?.sx) ? titleProps.sx : [titleProps?.sx])]}\n />\n {childrenArray\n ? (\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child\n ? (\n <FlexGrowRow\n key={child.key ?? `group-child-${index}`}\n sx={{\n borderLeft: 1,\n borderColor: theme.vars.palette.divider,\n }}\n >\n {child}\n </FlexGrowRow>\n )\n : null\n })}\n </FlexGrowRow>\n )\n : (\n <FlexGrowRow sx={{ overflow: 'hidden' }}>\n {children}\n </FlexGrowRow>\n )}\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 { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { QuickTipButton } from '@ariestools/sdk-react/quick-tip-button'\nimport { darkenCss, useIsDark } from '@ariestools/sdk-react/theme'\nimport type { TypographyVariant } from '@mui/material'\nimport { Typography, useTheme } from '@mui/material'\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 {...props}\n sx={[{\n bgcolor: 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 }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n <FlexRow\n sx={{\n paddingX: 1,\n paddingY: 0.5,\n }}\n >\n <Typography\n noWrap\n variant={sizeVariants[size]}\n sx={{\n fontWeight: 500,\n fontSize: sizeFontSize[size],\n }}\n >\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip\n ? (\n <QuickTipButton\n style={{ fontSize: quickTipSize }}\n title={title ?? ''}\n sx={{ color: 'inherit' }}\n >\n {tip}\n </QuickTipButton>\n )\n : null}\n </FlexRow>\n {more}\n </FlexRow>\n )\n}\n", "import { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport type { TypographyVariant } from '@mui/material'\nimport { CircularProgress, Paper } from '@mui/material'\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\n {...props}\n sx={[{\n flexDirection: 'column',\n minWidth: 0,\n alignItems: 'stretch',\n overflow: 'hidden',\n }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\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 sx={{\n pl: 1,\n columnGap: 1,\n justifyContent: value === undefined ? 'center' : 'space-between',\n overflow: 'hidden',\n height: sizeValueHeight[size],\n }}\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 { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport {\n IconButton, Menu, MenuItem,\n} from '@mui/material'\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\n size=\"small\"\n onClick={handleClick}\n sx={{ color: 'inherit' }}\n >\n <MoreHorizIcon sx={{ 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 type { FlexBoxProps } from '@ariestools/sdk-react/flexbox'\nimport { FlexRow } from '@ariestools/sdk-react/flexbox'\nimport { Identicon } from '@ariestools/sdk-react/identicon'\nimport { useTheme } from '@mui/material'\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\n sx={{\n alignItems: 'flex-start',\n height: '100%',\n }}\n >\n <FlexRow\n background\n sx={{\n height: calculatedHeight,\n width: calculatedHeight,\n borderLeft: `1px solid ${theme.vars.palette.divider}`,\n }}\n >\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 ref={ref}\n {...props}\n sx={[{ width: '100%' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {value}\n </EllipsizeBox>\n )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["FlexRow", "useTheme", "jsx", "jsxs", "useTheme", "FlexRow", "FlexRow", "Paper", "FlexRow", "jsx", "jsxs", "FlexRow", "useTheme", "useState", "jsx", "jsx", "jsx", "jsxs", "FlexRow", "Paper"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-property",
|
|
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,97 +41,93 @@
|
|
|
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
|
-
"@mui/icons-material": "^9.
|
|
49
|
-
"@mui/material": "^9.
|
|
50
|
+
"@mui/icons-material": "^9.2.0",
|
|
51
|
+
"@mui/material": "^9.2.0",
|
|
50
52
|
"@noble/post-quantum": "~0.6.1",
|
|
51
53
|
"@opentelemetry/api": "^1.9.1",
|
|
52
|
-
"@opentelemetry/sdk-trace-base": "^2.
|
|
53
|
-
"@react-spring/web": "
|
|
54
|
+
"@opentelemetry/sdk-trace-base": "^2.9.0",
|
|
55
|
+
"@react-spring/web": "^10.1.2",
|
|
54
56
|
"@scure/base": "~2.2.0",
|
|
55
57
|
"@scure/bip39": "~2.2.0",
|
|
56
58
|
"@storybook/react-vite": "~10.4.6",
|
|
57
59
|
"@types/react": "^19.2.17",
|
|
58
|
-
"@xylabs/
|
|
59
|
-
"@xylabs/
|
|
60
|
-
"@xylabs/
|
|
61
|
-
"@xylabs/
|
|
62
|
-
"@xylabs/
|
|
63
|
-
"@xylabs/
|
|
64
|
-
"@xylabs/
|
|
65
|
-
"@xylabs/react
|
|
66
|
-
"@
|
|
67
|
-
"@
|
|
68
|
-
"@xylabs/react-theme": "~10.0",
|
|
69
|
-
"@xylabs/sdk": "^7.0.1",
|
|
70
|
-
"@xylabs/threads": "^7.0.1",
|
|
71
|
-
"@xylabs/toolchain": "~8.5.3",
|
|
72
|
-
"@xylabs/tsconfig": "^8.5.3",
|
|
73
|
-
"@xylabs/tsconfig-dom": "^8.5.3",
|
|
74
|
-
"@xylabs/tsconfig-react": "~8.5.3",
|
|
75
|
-
"@xyo-network/sdk": "^7.0.3",
|
|
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
|
"@xyo-network/typeof": "~5.3.30",
|
|
77
71
|
"ajv": "^8.20.0",
|
|
78
72
|
"async-mutex": "^0.5.0",
|
|
73
|
+
"clsx": "^2.1.1",
|
|
79
74
|
"debug": "^4.4.3",
|
|
80
75
|
"eslint": "^10.6.0",
|
|
81
76
|
"ethers": "^6.17.0",
|
|
82
77
|
"hash-wasm": "~4.12.0",
|
|
83
78
|
"idb": "^8.0.3",
|
|
84
79
|
"lru-cache": "^11.5.1",
|
|
85
|
-
"md5": "
|
|
80
|
+
"md5": "^2.3.0",
|
|
81
|
+
"numeral": "^2.0.6",
|
|
86
82
|
"observable-fns": "^0.6.1",
|
|
87
|
-
"query-string": "
|
|
83
|
+
"query-string": "^9.4.1",
|
|
88
84
|
"react": "^19.2.7",
|
|
89
85
|
"react-dom": "^19.2.7",
|
|
90
|
-
"react-router-dom": "^7.18.
|
|
86
|
+
"react-router-dom": "^7.18.1",
|
|
91
87
|
"storybook": "^10.4.6",
|
|
92
88
|
"typescript": "^6.0.3",
|
|
93
|
-
"
|
|
94
|
-
"
|
|
89
|
+
"viem": "^2.54.2",
|
|
90
|
+
"vite": "^8.1.3",
|
|
91
|
+
"zod": "^4.4.3",
|
|
92
|
+
"zustand": "^5.0.14"
|
|
95
93
|
},
|
|
96
94
|
"peerDependencies": {
|
|
95
|
+
"@ariestools/sdk": "^7.0",
|
|
96
|
+
"@ariestools/sdk-react": "^10.0",
|
|
97
97
|
"@bitauth/libauth": "~3.0",
|
|
98
98
|
"@mui/icons-material": "^9.0",
|
|
99
99
|
"@mui/material": "^9.0",
|
|
100
100
|
"@noble/post-quantum": "~0.6.1",
|
|
101
101
|
"@opentelemetry/api": "^1.9",
|
|
102
102
|
"@opentelemetry/sdk-trace-base": "^2.7",
|
|
103
|
-
"@react-spring/web": "
|
|
103
|
+
"@react-spring/web": "^10.1",
|
|
104
104
|
"@scure/base": "~2.2",
|
|
105
105
|
"@scure/bip39": "~2.2",
|
|
106
|
+
"@xylabs/eth-address": "^7.0",
|
|
106
107
|
"@xylabs/geo": "^7.0",
|
|
107
108
|
"@xylabs/pixel": "^7.0",
|
|
108
|
-
"@xylabs/react-button": "^10.0",
|
|
109
|
-
"@xylabs/react-flexbox": "^10.0",
|
|
110
|
-
"@xylabs/react-hooks": "^10.0",
|
|
111
|
-
"@xylabs/react-identicon": "^10.0",
|
|
112
|
-
"@xylabs/react-link": "^10.0",
|
|
113
|
-
"@xylabs/react-promise": "^10.0",
|
|
114
|
-
"@xylabs/react-quick-tip-button": "^10.0",
|
|
115
|
-
"@xylabs/react-shared": "^10.0",
|
|
116
|
-
"@xylabs/react-theme": "^10.0",
|
|
117
|
-
"@xylabs/sdk": "^7.0",
|
|
118
109
|
"@xylabs/threads": "^7.0",
|
|
119
110
|
"@xyo-network/sdk": "*",
|
|
111
|
+
"@xyo-network/sdk-protocol": "^7.0",
|
|
120
112
|
"@xyo-network/typeof": "~5.3",
|
|
121
113
|
"ajv": "^8.20",
|
|
122
114
|
"async-mutex": "^0.5",
|
|
115
|
+
"clsx": "^2.1",
|
|
123
116
|
"debug": "^4.4",
|
|
124
117
|
"ethers": "^6.16",
|
|
125
118
|
"hash-wasm": "~4.12",
|
|
126
119
|
"idb": "^8.0",
|
|
127
120
|
"lru-cache": "^11.3",
|
|
128
|
-
"md5": "
|
|
121
|
+
"md5": "^2.3",
|
|
122
|
+
"numeral": "^2.0",
|
|
129
123
|
"observable-fns": "^0.6",
|
|
130
|
-
"query-string": "
|
|
124
|
+
"query-string": "^9.4",
|
|
131
125
|
"react": "^19.2",
|
|
132
126
|
"react-dom": "^19.2",
|
|
133
127
|
"react-router-dom": "^7.15",
|
|
134
|
-
"
|
|
128
|
+
"viem": "^2.48",
|
|
129
|
+
"zod": "^4.4",
|
|
130
|
+
"zustand": "^5.0"
|
|
135
131
|
},
|
|
136
132
|
"publishConfig": {
|
|
137
133
|
"access": "public"
|