@xyo-network/react-property 2.68.0 → 2.68.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +6 -6
  2. package/src/components/PropertyBox.stories.tsx +13 -13
  3. package/src/components/PropertyPaper.stories.tsx +15 -15
  4. package/src/components/Value.stories.tsx +2 -2
package/package.json CHANGED
@@ -14,8 +14,8 @@
14
14
  "@xylabs/react-flexbox": "^3.0.39",
15
15
  "@xylabs/react-identicon": "^3.0.39",
16
16
  "@xylabs/react-quick-tip-button": "^3.0.39",
17
- "@xyo-network/react-shared": "~2.68.0",
18
- "@xyo-network/typeof": "^2.89.0"
17
+ "@xyo-network/react-shared": "~2.68.2",
18
+ "@xyo-network/typeof": "^2.90.18"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "@mui/icons-material": "^5",
@@ -25,11 +25,11 @@
25
25
  "react-dom": "^18"
26
26
  },
27
27
  "devDependencies": {
28
- "@storybook/react": "^7.6.13",
28
+ "@storybook/react": "^7.6.16",
29
29
  "@xylabs/ts-scripts-yarn3": "^3.2.42",
30
30
  "@xylabs/tsconfig-react": "^3.2.42",
31
- "@xyo-network/payload-wrapper": "^2.89.0",
32
- "@xyo-network/react-storybook": "~2.68.0",
31
+ "@xyo-network/payload-wrapper": "^2.90.18",
32
+ "@xyo-network/react-storybook": "~2.68.2",
33
33
  "typescript": "^5.3.3"
34
34
  },
35
35
  "description": "Common React library for all XYO projects that use React",
@@ -83,6 +83,6 @@
83
83
  },
84
84
  "sideEffects": false,
85
85
  "types": "dist/browser/index.d.ts",
86
- "version": "2.68.0",
86
+ "version": "2.68.2",
87
87
  "type": "module"
88
88
  }
package/src/components/PropertyBox.stories.tsx CHANGED
@@ -2,7 +2,7 @@ import { Replay as ReplayIcon } from '@mui/icons-material'
2
2
  import { TextField } from '@mui/material'
3
3
  import { Meta, StoryFn } from '@storybook/react'
4
4
  import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
5
- import { PayloadWrapper } from '@xyo-network/payload-wrapper'
5
+ import { PayloadBuilder } from '@xyo-network/payload-builder'
6
6
  import { sampleBlock } from '@xyo-network/react-storybook'
7
7
 
8
8
  import { Property } from './Property'
@@ -60,13 +60,13 @@ const WithUndefinedData = Template.bind({})
60
60
  WithUndefinedData.args = { title: 'Block Hash' }
61
61
 
62
62
  const WithData = Template.bind({})
63
- WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
63
+ WithData.args = { title: 'Block Hash', value: await PayloadBuilder.dataHash(sampleBlock) }
64
64
 
65
65
  const WithDataSmall = Template.bind({})
66
- WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
66
+ WithDataSmall.args = { size: 'small', title: 'Block Hash', value: await PayloadBuilder.dataHash(sampleBlock) }
67
67
 
68
68
  const WithDataCompare = TemplateWithCompare.bind({})
69
- WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
69
+ WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: await PayloadBuilder.dataHash(sampleBlock) }
70
70
 
71
71
  const WithDataAndBadgeSmall = Template.bind({})
72
72
  WithDataAndBadgeSmall.args = {
@@ -74,7 +74,7 @@ WithDataAndBadgeSmall.args = {
74
74
  size: 'small',
75
75
  tip: 'This is the block hash',
76
76
  title: 'Block Hash',
77
- value: PayloadWrapper.hashSync(sampleBlock),
77
+ value: await PayloadBuilder.dataHash(sampleBlock),
78
78
  }
79
79
 
80
80
  const WithDataAndBadgeMedium = Template.bind({})
@@ -83,7 +83,7 @@ WithDataAndBadgeMedium.args = {
83
83
  size: 'medium',
84
84
  tip: 'This is the block hash',
85
85
  title: 'Block Hash',
86
- value: PayloadWrapper.hashSync(sampleBlock),
86
+ value: await PayloadBuilder.dataHash(sampleBlock),
87
87
  }
88
88
 
89
89
  const WithDataAndBadgeLarge = Template.bind({})
@@ -92,14 +92,14 @@ WithDataAndBadgeLarge.args = {
92
92
  size: 'large',
93
93
  tip: 'This is the block hash',
94
94
  title: 'Block Hash',
95
- value: PayloadWrapper.hashSync(sampleBlock),
95
+ value: await PayloadBuilder.dataHash(sampleBlock),
96
96
  }
97
97
 
98
98
  const WithTip = Template.bind({})
99
99
  WithTip.args = {
100
100
  tip: 'This is the block hash',
101
101
  title: 'Block Hash',
102
- value: PayloadWrapper.hashSync(sampleBlock),
102
+ value: await PayloadBuilder.dataHash(sampleBlock),
103
103
  }
104
104
 
105
105
  const WithTipAndBadge = Template.bind({})
@@ -107,7 +107,7 @@ WithTipAndBadge.args = {
107
107
  badge: true,
108
108
  tip: 'This is the block hash',
109
109
  title: 'Block Hash',
110
- value: PayloadWrapper.hashSync(sampleBlock),
110
+ value: await PayloadBuilder.dataHash(sampleBlock),
111
111
  }
112
112
 
113
113
  const WithActions = Template.bind({})
@@ -115,7 +115,7 @@ WithActions.args = {
115
115
  actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],
116
116
  tip: 'This is the block hash',
117
117
  title: 'Block Hash',
118
- value: PayloadWrapper.hashSync(sampleBlock),
118
+ value: await PayloadBuilder.dataHash(sampleBlock),
119
119
  }
120
120
 
121
121
  const LargeWithValue = Template.bind({})
@@ -124,7 +124,7 @@ LargeWithValue.args = {
124
124
  size: 'large',
125
125
  tip: 'This is the block hash',
126
126
  title: 'Block Hash',
127
- value: PayloadWrapper.hashSync(sampleBlock),
127
+ value: await PayloadBuilder.dataHash(sampleBlock),
128
128
  }
129
129
 
130
130
  const LargeWithValueAndActions = Template.bind({})
@@ -134,7 +134,7 @@ LargeWithValueAndActions.args = {
134
134
  size: 'large',
135
135
  tip: 'This is the block hash',
136
136
  title: 'Block Hash',
137
- value: PayloadWrapper.hashSync(sampleBlock),
137
+ value: await PayloadBuilder.dataHash(sampleBlock),
138
138
  }
139
139
 
140
140
  const SmallWithValueAndActions = Template.bind({})
@@ -144,7 +144,7 @@ SmallWithValueAndActions.args = {
144
144
  size: 'small',
145
145
  tip: 'This is the block hash',
146
146
  title: 'Block Hash',
147
- value: PayloadWrapper.hashSync(sampleBlock),
147
+ value: await PayloadBuilder.dataHash(sampleBlock),
148
148
  }
149
149
 
150
150
  export {
package/src/components/PropertyPaper.stories.tsx CHANGED
@@ -2,7 +2,7 @@ import { Replay as ReplayIcon } from '@mui/icons-material'
2
2
  import { TextField } from '@mui/material'
3
3
  import { Meta, StoryFn } from '@storybook/react'
4
4
  import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
5
- import { PayloadWrapper } from '@xyo-network/payload-wrapper'
5
+ import { PayloadBuilder } from '@xyo-network/payload-builder'
6
6
  import { sampleBlock } from '@xyo-network/react-storybook'
7
7
 
8
8
  import { Property } from './Property'
@@ -60,19 +60,19 @@ const WithUndefinedData = Template.bind({})
60
60
  WithUndefinedData.args = { title: 'Block Hash' }
61
61
 
62
62
  const WithData = Template.bind({})
63
- WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
63
+ WithData.args = { title: 'Block Hash', value: await PayloadBuilder.dataHash(sampleBlock) }
64
64
 
65
65
  const WithDataSmall = Template.bind({})
66
- WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
66
+ WithDataSmall.args = { size: 'small', title: 'Block Hash', value: await PayloadBuilder.dataHash(sampleBlock) }
67
67
 
68
68
  const WithDataCompare = TemplateWithCompare.bind({})
69
- WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlock) }
69
+ WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: await PayloadBuilder.dataHash(sampleBlock) }
70
70
 
71
71
  const WithDataCompareOutlined = TemplateWithCompare.bind({})
72
72
  WithDataCompareOutlined.args = {
73
73
  tip: 'This is the block hash',
74
74
  title: 'Block Hash',
75
- value: PayloadWrapper.hashSync(sampleBlock),
75
+ value: await PayloadBuilder.dataHash(sampleBlock),
76
76
  variant: 'outlined',
77
77
  }
78
78
 
@@ -80,7 +80,7 @@ const WithDataCompareElevation = TemplateWithCompare.bind({})
80
80
  WithDataCompareElevation.args = {
81
81
  tip: 'This is the block hash',
82
82
  title: 'Block Hash',
83
- value: PayloadWrapper.hashSync(sampleBlock),
83
+ value: await PayloadBuilder.dataHash(sampleBlock),
84
84
  variant: 'elevation',
85
85
  }
86
86
 
@@ -90,7 +90,7 @@ WithDataAndBadgeSmall.args = {
90
90
  size: 'small',
91
91
  tip: 'This is the block hash',
92
92
  title: 'Block Hash',
93
- value: PayloadWrapper.hashSync(sampleBlock),
93
+ value: await PayloadBuilder.dataHash(sampleBlock),
94
94
  }
95
95
 
96
96
  const WithDataAndBadgeMedium = Template.bind({})
@@ -99,7 +99,7 @@ WithDataAndBadgeMedium.args = {
99
99
  size: 'medium',
100
100
  tip: 'This is the block hash',
101
101
  title: 'Block Hash',
102
- value: PayloadWrapper.hashSync(sampleBlock),
102
+ value: await PayloadBuilder.dataHash(sampleBlock),
103
103
  }
104
104
 
105
105
  const WithDataAndBadgeLarge = Template.bind({})
@@ -108,14 +108,14 @@ WithDataAndBadgeLarge.args = {
108
108
  size: 'large',
109
109
  tip: 'This is the block hash',
110
110
  title: 'Block Hash',
111
- value: PayloadWrapper.hashSync(sampleBlock),
111
+ value: await PayloadBuilder.dataHash(sampleBlock),
112
112
  }
113
113
 
114
114
  const WithTip = Template.bind({})
115
115
  WithTip.args = {
116
116
  tip: 'This is the block hash',
117
117
  title: 'Block Hash',
118
- value: PayloadWrapper.hashSync(sampleBlock),
118
+ value: await PayloadBuilder.dataHash(sampleBlock),
119
119
  }
120
120
 
121
121
  const WithTipAndBadge = Template.bind({})
@@ -123,7 +123,7 @@ WithTipAndBadge.args = {
123
123
  badge: true,
124
124
  tip: 'This is the block hash',
125
125
  title: 'Block Hash',
126
- value: PayloadWrapper.hashSync(sampleBlock),
126
+ value: await PayloadBuilder.dataHash(sampleBlock),
127
127
  }
128
128
 
129
129
  const WithActions = Template.bind({})
@@ -131,7 +131,7 @@ WithActions.args = {
131
131
  actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],
132
132
  tip: 'This is the block hash',
133
133
  title: 'Block Hash',
134
- value: PayloadWrapper.hashSync(sampleBlock),
134
+ value: await PayloadBuilder.dataHash(sampleBlock),
135
135
  }
136
136
 
137
137
  const LargeWithValue = Template.bind({})
@@ -140,7 +140,7 @@ LargeWithValue.args = {
140
140
  size: 'large',
141
141
  tip: 'This is the block hash',
142
142
  title: 'Block Hash',
143
- value: PayloadWrapper.hashSync(sampleBlock),
143
+ value: await PayloadBuilder.dataHash(sampleBlock),
144
144
  }
145
145
 
146
146
  const LargeWithValueAndActions = Template.bind({})
@@ -150,7 +150,7 @@ LargeWithValueAndActions.args = {
150
150
  size: 'large',
151
151
  tip: 'This is the block hash',
152
152
  title: 'Block Hash',
153
- value: PayloadWrapper.hashSync(sampleBlock),
153
+ value: await PayloadBuilder.dataHash(sampleBlock),
154
154
  }
155
155
 
156
156
  const SmallWithValueAndActions = Template.bind({})
@@ -160,7 +160,7 @@ SmallWithValueAndActions.args = {
160
160
  size: 'small',
161
161
  tip: 'This is the block hash',
162
162
  title: 'Block Hash',
163
- value: PayloadWrapper.hashSync(sampleBlock),
163
+ value: await PayloadBuilder.dataHash(sampleBlock),
164
164
  }
165
165
 
166
166
  export {
package/src/components/Value.stories.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Meta, StoryFn } from '@storybook/react'
2
- import { PayloadWrapper } from '@xyo-network/payload-wrapper'
2
+ import { PayloadBuilder } from '@xyo-network/payload-builder'
3
3
  import { sampleBlock } from '@xyo-network/react-storybook'
4
4
 
5
5
  import { PropertyValue } from './Value'
@@ -22,7 +22,7 @@ Default.args = {}
22
22
 
23
23
  const WithData = Template.bind({})
24
24
 
25
- WithData.args = { value: PayloadWrapper.hashSync(sampleBlock) }
25
+ WithData.args = { value: await PayloadBuilder.dataHash(sampleBlock) }
26
26
 
27
27
  export { Default, WithData }
28
28