@xyo-network/react-property 2.66.3 → 2.66.5

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/package.json +7 -6
  2. package/src/components/PropertyBox.stories.tsx +1 -16
  3. package/src/components/PropertyPaper.stories.tsx +1 -18
package/package.json CHANGED
@@ -10,11 +10,11 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@xylabs/react-button": "^3.0.33",
14
- "@xylabs/react-flexbox": "^3.0.33",
15
- "@xylabs/react-identicon": "^3.0.33",
16
- "@xylabs/react-quick-tip-button": "^3.0.33",
17
- "@xyo-network/react-shared": "~2.66.3"
13
+ "@xylabs/react-button": "^3.0.34",
14
+ "@xylabs/react-flexbox": "^3.0.34",
15
+ "@xylabs/react-identicon": "^3.0.34",
16
+ "@xylabs/react-quick-tip-button": "^3.0.34",
17
+ "@xyo-network/react-shared": "~2.66.5"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "@mui/icons-material": "^5",
@@ -28,6 +28,7 @@
28
28
  "@xylabs/ts-scripts-yarn3": "^3.2.10",
29
29
  "@xylabs/tsconfig-react": "^3.2.10",
30
30
  "@xyo-network/payload-wrapper": "^2.82.0",
31
+ "@xyo-network/react-storybook": "~2.66.5",
31
32
  "@xyo-network/typeof": "^2.82.0",
32
33
  "typescript": "^5.3.2"
33
34
  },
@@ -82,6 +83,6 @@
82
83
  },
83
84
  "sideEffects": false,
84
85
  "types": "dist/browser/index.d.ts",
85
- "version": "2.66.3",
86
+ "version": "2.66.5",
86
87
  "type": "module"
87
88
  }
package/src/components/PropertyBox.stories.tsx CHANGED
@@ -3,7 +3,7 @@ import { TextField } from '@mui/material'
3
3
  import { Meta, StoryFn } from '@storybook/react'
4
4
  import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
5
5
  import { PayloadWrapper } from '@xyo-network/payload-wrapper'
6
- import { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'
6
+ import { sampleBlockWithPayloads } from '@xyo-network/react-storybook'
7
7
 
8
8
  import { Property } from './Property'
9
9
  import { PropertyProps } from './Props'
@@ -52,27 +52,21 @@ const TemplateWithCompare: StoryFn<typeof Property> = (args: PropertyProps) => (
52
52
 
53
53
  const Default = Template.bind({})
54
54
  Default.args = {}
55
- Default.decorators = [useAppThemeDecorator]
56
55
 
57
56
  const WithTitle = Template.bind({})
58
57
  WithTitle.args = { title: 'No Data' }
59
- WithTitle.decorators = [useAppThemeDecorator]
60
58
 
61
59
  const WithUndefinedData = Template.bind({})
62
60
  WithUndefinedData.args = { title: 'Block Hash' }
63
- WithUndefinedData.decorators = [useAppThemeDecorator]
64
61
 
65
62
  const WithData = Template.bind({})
66
63
  WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
67
- WithData.decorators = [useAppThemeDecorator]
68
64
 
69
65
  const WithDataSmall = Template.bind({})
70
66
  WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
71
- WithDataSmall.decorators = [useAppThemeDecorator]
72
67
 
73
68
  const WithDataCompare = TemplateWithCompare.bind({})
74
69
  WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
75
- WithDataCompare.decorators = [useAppThemeDecorator]
76
70
 
77
71
  const WithDataAndBadgeSmall = Template.bind({})
78
72
  WithDataAndBadgeSmall.args = {
@@ -82,7 +76,6 @@ WithDataAndBadgeSmall.args = {
82
76
  title: 'Block Hash',
83
77
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
84
78
  }
85
- WithDataAndBadgeSmall.decorators = [useAppThemeDecorator]
86
79
 
87
80
  const WithDataAndBadgeMedium = Template.bind({})
88
81
  WithDataAndBadgeMedium.args = {
@@ -92,7 +85,6 @@ WithDataAndBadgeMedium.args = {
92
85
  title: 'Block Hash',
93
86
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
94
87
  }
95
- WithDataAndBadgeMedium.decorators = [useAppThemeDecorator]
96
88
 
97
89
  const WithDataAndBadgeLarge = Template.bind({})
98
90
  WithDataAndBadgeLarge.args = {
@@ -102,7 +94,6 @@ WithDataAndBadgeLarge.args = {
102
94
  title: 'Block Hash',
103
95
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
104
96
  }
105
- WithDataAndBadgeLarge.decorators = [useAppThemeDecorator]
106
97
 
107
98
  const WithTip = Template.bind({})
108
99
  WithTip.args = {
@@ -110,7 +101,6 @@ WithTip.args = {
110
101
  title: 'Block Hash',
111
102
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
112
103
  }
113
- WithTip.decorators = [useAppThemeDecorator]
114
104
 
115
105
  const WithTipAndBadge = Template.bind({})
116
106
  WithTipAndBadge.args = {
@@ -119,7 +109,6 @@ WithTipAndBadge.args = {
119
109
  title: 'Block Hash',
120
110
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
121
111
  }
122
- WithTipAndBadge.decorators = [useAppThemeDecorator]
123
112
 
124
113
  const WithActions = Template.bind({})
125
114
  WithActions.args = {
@@ -128,7 +117,6 @@ WithActions.args = {
128
117
  title: 'Block Hash',
129
118
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
130
119
  }
131
- WithActions.decorators = [useAppThemeDecorator]
132
120
 
133
121
  const LargeWithValue = Template.bind({})
134
122
  LargeWithValue.args = {
@@ -138,7 +126,6 @@ LargeWithValue.args = {
138
126
  title: 'Block Hash',
139
127
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
140
128
  }
141
- LargeWithValue.decorators = [useAppThemeDecorator]
142
129
 
143
130
  const LargeWithValueAndActions = Template.bind({})
144
131
  LargeWithValueAndActions.args = {
@@ -149,7 +136,6 @@ LargeWithValueAndActions.args = {
149
136
  title: 'Block Hash',
150
137
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
151
138
  }
152
- LargeWithValueAndActions.decorators = [useAppThemeDecorator]
153
139
 
154
140
  const SmallWithValueAndActions = Template.bind({})
155
141
  SmallWithValueAndActions.args = {
@@ -160,7 +146,6 @@ SmallWithValueAndActions.args = {
160
146
  title: 'Block Hash',
161
147
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
162
148
  }
163
- SmallWithValueAndActions.decorators = [useAppThemeDecorator]
164
149
 
165
150
  export {
166
151
  Default,
package/src/components/PropertyPaper.stories.tsx CHANGED
@@ -3,7 +3,7 @@ import { TextField } from '@mui/material'
3
3
  import { Meta, StoryFn } from '@storybook/react'
4
4
  import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
5
5
  import { PayloadWrapper } from '@xyo-network/payload-wrapper'
6
- import { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'
6
+ import { sampleBlockWithPayloads } from '@xyo-network/react-storybook'
7
7
 
8
8
  import { Property } from './Property'
9
9
  import { PropertyPaperProps, PropertyProps } from './Props'
@@ -52,27 +52,21 @@ const TemplateWithCompare: StoryFn<typeof Property> = (args: PropertyProps) => (
52
52
 
53
53
  const Default = Template.bind({})
54
54
  Default.args = {}
55
- Default.decorators = [useAppThemeDecorator]
56
55
 
57
56
  const WithTitle = Template.bind({})
58
57
  WithTitle.args = { title: 'No Data' }
59
- WithTitle.decorators = [useAppThemeDecorator]
60
58
 
61
59
  const WithUndefinedData = Template.bind({})
62
60
  WithUndefinedData.args = { title: 'Block Hash' }
63
- WithUndefinedData.decorators = [useAppThemeDecorator]
64
61
 
65
62
  const WithData = Template.bind({})
66
63
  WithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
67
- WithData.decorators = [useAppThemeDecorator]
68
64
 
69
65
  const WithDataSmall = Template.bind({})
70
66
  WithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
71
- WithDataSmall.decorators = [useAppThemeDecorator]
72
67
 
73
68
  const WithDataCompare = TemplateWithCompare.bind({})
74
69
  WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }
75
- WithDataCompare.decorators = [useAppThemeDecorator]
76
70
 
77
71
  const WithDataCompareOutlined = TemplateWithCompare.bind({})
78
72
  WithDataCompareOutlined.args = {
@@ -81,7 +75,6 @@ WithDataCompareOutlined.args = {
81
75
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
82
76
  variant: 'outlined',
83
77
  }
84
- WithDataCompareOutlined.decorators = [useAppThemeDecorator]
85
78
 
86
79
  const WithDataCompareElevation = TemplateWithCompare.bind({})
87
80
  WithDataCompareElevation.args = {
@@ -90,7 +83,6 @@ WithDataCompareElevation.args = {
90
83
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
91
84
  variant: 'elevation',
92
85
  }
93
- WithDataCompareElevation.decorators = [useAppThemeDecorator]
94
86
 
95
87
  const WithDataAndBadgeSmall = Template.bind({})
96
88
  WithDataAndBadgeSmall.args = {
@@ -100,7 +92,6 @@ WithDataAndBadgeSmall.args = {
100
92
  title: 'Block Hash',
101
93
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
102
94
  }
103
- WithDataAndBadgeSmall.decorators = [useAppThemeDecorator]
104
95
 
105
96
  const WithDataAndBadgeMedium = Template.bind({})
106
97
  WithDataAndBadgeMedium.args = {
@@ -110,7 +101,6 @@ WithDataAndBadgeMedium.args = {
110
101
  title: 'Block Hash',
111
102
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
112
103
  }
113
- WithDataAndBadgeMedium.decorators = [useAppThemeDecorator]
114
104
 
115
105
  const WithDataAndBadgeLarge = Template.bind({})
116
106
  WithDataAndBadgeLarge.args = {
@@ -120,7 +110,6 @@ WithDataAndBadgeLarge.args = {
120
110
  title: 'Block Hash',
121
111
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
122
112
  }
123
- WithDataAndBadgeLarge.decorators = [useAppThemeDecorator]
124
113
 
125
114
  const WithTip = Template.bind({})
126
115
  WithTip.args = {
@@ -128,7 +117,6 @@ WithTip.args = {
128
117
  title: 'Block Hash',
129
118
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
130
119
  }
131
- WithTip.decorators = [useAppThemeDecorator]
132
120
 
133
121
  const WithTipAndBadge = Template.bind({})
134
122
  WithTipAndBadge.args = {
@@ -137,7 +125,6 @@ WithTipAndBadge.args = {
137
125
  title: 'Block Hash',
138
126
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
139
127
  }
140
- WithTipAndBadge.decorators = [useAppThemeDecorator]
141
128
 
142
129
  const WithActions = Template.bind({})
143
130
  WithActions.args = {
@@ -146,7 +133,6 @@ WithActions.args = {
146
133
  title: 'Block Hash',
147
134
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
148
135
  }
149
- WithActions.decorators = [useAppThemeDecorator]
150
136
 
151
137
  const LargeWithValue = Template.bind({})
152
138
  LargeWithValue.args = {
@@ -156,7 +142,6 @@ LargeWithValue.args = {
156
142
  title: 'Block Hash',
157
143
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
158
144
  }
159
- LargeWithValue.decorators = [useAppThemeDecorator]
160
145
 
161
146
  const LargeWithValueAndActions = Template.bind({})
162
147
  LargeWithValueAndActions.args = {
@@ -167,7 +152,6 @@ LargeWithValueAndActions.args = {
167
152
  title: 'Block Hash',
168
153
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
169
154
  }
170
- LargeWithValueAndActions.decorators = [useAppThemeDecorator]
171
155
 
172
156
  const SmallWithValueAndActions = Template.bind({})
173
157
  SmallWithValueAndActions.args = {
@@ -178,7 +162,6 @@ SmallWithValueAndActions.args = {
178
162
  title: 'Block Hash',
179
163
  value: PayloadWrapper.hashSync(sampleBlockWithPayloads),
180
164
  }
181
- SmallWithValueAndActions.decorators = [useAppThemeDecorator]
182
165
 
183
166
  export {
184
167
  Default,