@xyo-network/react-property 2.67.18 → 2.68.0-rc.2

package/package.json

@@ -14,8 +14,8 @@
     "@xylabs/react-flexbox": "^3.0.39",
     "@xylabs/react-identicon": "^3.0.39",
     "@xylabs/react-quick-tip-button": "^3.0.39",
-    "@xyo-network/react-shared": "~2.67.18",
-    "@xyo-network/typeof": "^2.88.2"
+    "@xyo-network/react-shared": "~2.68.0-rc.2",
+    "@xyo-network/typeof": "^2.89.0-rc.13"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -25,11 +25,11 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.10",
+    "@storybook/react": "^7.6.13",
     "@xylabs/ts-scripts-yarn3": "^3.2.42",
     "@xylabs/tsconfig-react": "^3.2.42",
-    "@xyo-network/payload-wrapper": "^2.88.2",
-    "@xyo-network/react-storybook": "~2.67.18",
+    "@xyo-network/payload-wrapper": "^2.89.0-rc.13",
+    "@xyo-network/react-storybook": "~2.68.0-rc.2",
     "typescript": "^5.3.3"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -83,6 +83,7 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.67.18",
-  "type": "module"
+  "version": "2.68.0-rc.2",
+  "type": "module",
+  "stableVersion": "2.67.18"
 }

package/src/components/PropertyBox.stories.tsx

@@ -3,7 +3,7 @@ import { TextField } from '@mui/material'
 import { Meta, StoryFn } from '@storybook/react'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { PayloadWrapper } from '@xyo-network/payload-wrapper'
-import { sampleBlockWithPayloads } from '@xyo-network/react-storybook'
+import { sampleBlock } from '@xyo-network/react-storybook'
 
 import { Property } from './Property'
 import { PropertyProps } from './Props'
@@ -60,13 +60,13 @@ const WithUndefinedData = Template.bind({})
 WithUndefinedData.args = { title: 'Block Hash' }
 
 const WithData = Template.bind({})
-WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
 
 const WithDataSmall = Template.bind({})
-WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
 
 const WithDataCompare = TemplateWithCompare.bind({})
-WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
 
 const WithDataAndBadgeSmall = Template.bind({})
 WithDataAndBadgeSmall.args = {
@@ -74,7 +74,7 @@ WithDataAndBadgeSmall.args = {
   size: 'small',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithDataAndBadgeMedium = Template.bind({})
@@ -83,7 +83,7 @@ WithDataAndBadgeMedium.args = {
   size: 'medium',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithDataAndBadgeLarge = Template.bind({})
@@ -92,14 +92,14 @@ WithDataAndBadgeLarge.args = {
   size: 'large',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithTip = Template.bind({})
 WithTip.args = {
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithTipAndBadge = Template.bind({})
@@ -107,7 +107,7 @@ WithTipAndBadge.args = {
   badge: true,
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithActions = Template.bind({})
@@ -115,7 +115,7 @@ WithActions.args = {
   actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const LargeWithValue = Template.bind({})
@@ -124,7 +124,7 @@ LargeWithValue.args = {
   size: 'large',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const LargeWithValueAndActions = Template.bind({})
@@ -134,7 +134,7 @@ LargeWithValueAndActions.args = {
   size: 'large',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const SmallWithValueAndActions = Template.bind({})
@@ -144,7 +144,7 @@ SmallWithValueAndActions.args = {
   size: 'small',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 export {

package/src/components/PropertyPaper.stories.tsx

@@ -3,7 +3,7 @@ import { TextField } from '@mui/material'
 import { Meta, StoryFn } from '@storybook/react'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { PayloadWrapper } from '@xyo-network/payload-wrapper'
-import { sampleBlockWithPayloads } from '@xyo-network/react-storybook'
+import { sampleBlock } from '@xyo-network/react-storybook'
 
 import { Property } from './Property'
 import { PropertyPaperProps, PropertyProps } from './Props'
@@ -60,19 +60,19 @@ const WithUndefinedData = Template.bind({})
 WithUndefinedData.args = { title: 'Block Hash' }
 
 const WithData = Template.bind({})
-WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
 
 const WithDataSmall = Template.bind({})
-WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
 
 const WithDataCompare = TemplateWithCompare.bind({})
-WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
 
 const WithDataCompareOutlined = TemplateWithCompare.bind({})
 WithDataCompareOutlined.args = {
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
   variant: 'outlined',
 }
 
@@ -80,7 +80,7 @@ const WithDataCompareElevation = TemplateWithCompare.bind({})
 WithDataCompareElevation.args = {
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
   variant: 'elevation',
 }
 
@@ -90,7 +90,7 @@ WithDataAndBadgeSmall.args = {
   size: 'small',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithDataAndBadgeMedium = Template.bind({})
@@ -99,7 +99,7 @@ WithDataAndBadgeMedium.args = {
   size: 'medium',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithDataAndBadgeLarge = Template.bind({})
@@ -108,14 +108,14 @@ WithDataAndBadgeLarge.args = {
   size: 'large',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithTip = Template.bind({})
 WithTip.args = {
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithTipAndBadge = Template.bind({})
@@ -123,7 +123,7 @@ WithTipAndBadge.args = {
   badge: true,
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const WithActions = Template.bind({})
@@ -131,7 +131,7 @@ WithActions.args = {
   actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const LargeWithValue = Template.bind({})
@@ -140,7 +140,7 @@ LargeWithValue.args = {
   size: 'large',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const LargeWithValueAndActions = Template.bind({})
@@ -150,7 +150,7 @@ LargeWithValueAndActions.args = {
   size: 'large',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 const SmallWithValueAndActions = Template.bind({})
@@ -160,7 +160,7 @@ SmallWithValueAndActions.args = {
   size: 'small',
   tip: 'This is the block hash',
   title: 'Block Hash',
-  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
+  value: PayloadWrapper.hashSync(sampleBlock),
 }
 
 export {

package/src/components/Value.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryFn } from '@storybook/react'
 import { PayloadWrapper } from '@xyo-network/payload-wrapper'
-import { sampleBlockWithPayloads } from '@xyo-network/react-storybook'
+import { sampleBlock } from '@xyo-network/react-storybook'
 
 import { PropertyValue } from './Value'
 
@@ -22,7 +22,7 @@ Default.args = {}
 
 const WithData = Template.bind({})
 
-WithData.args = { value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
+WithData.args = { value: PayloadWrapper.hashSync(sampleBlock) }
 
 export { Default, WithData }