@xyo-network/react-property 2.26.43 → 2.26.44
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/docs.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"fileName": "index.ts",
|
|
11
11
|
"line": 1,
|
|
12
12
|
"character": 0,
|
|
13
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
13
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b122ba6/packages/sdk/property/src/index.ts#L1"
|
|
14
14
|
}
|
|
15
15
|
]
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"@xylabs/react-flexbox": "^2.14.10",
|
|
19
19
|
"@xylabs/react-identicon": "^2.14.10",
|
|
20
20
|
"@xylabs/react-quick-tip-button": "^2.14.10",
|
|
21
|
-
"@xyo-network/react-shared": "^2.26.
|
|
21
|
+
"@xyo-network/react-shared": "^2.26.44",
|
|
22
22
|
"@xyo-network/typeof": "^2.22.18",
|
|
23
23
|
"react": "^18.2.0",
|
|
24
24
|
"react-dom": "^18.2.0",
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
"description": "Common React library for all XYO projects that use React",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@storybook/react": "^6.5.9",
|
|
30
|
-
"@xylabs/tsconfig-dom": "^2.5.
|
|
30
|
+
"@xylabs/tsconfig-dom": "^2.5.5",
|
|
31
|
+
"@xyo-network/react-storybook": "^2.26.44"
|
|
31
32
|
},
|
|
32
33
|
"browser": "dist/esm/index.js",
|
|
33
34
|
"docs": "dist/docs.json",
|
|
@@ -78,5 +79,5 @@
|
|
|
78
79
|
},
|
|
79
80
|
"sideEffects": false,
|
|
80
81
|
"types": "dist/esm/index.d.ts",
|
|
81
|
-
"version": "2.26.
|
|
82
|
+
"version": "2.26.44"
|
|
82
83
|
}
|
|
@@ -2,8 +2,8 @@ import ReplayIcon from '@mui/icons-material/Replay'
|
|
|
2
2
|
import { TextField } from '@mui/material'
|
|
3
3
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
4
4
|
import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
|
|
5
|
+
import { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
5
6
|
|
|
6
|
-
import { appThemeDecorator, sampleBlockWithPayloads } from '../../../../.storybook'
|
|
7
7
|
import { Property } from './Property'
|
|
8
8
|
|
|
9
9
|
const StorybookEntry = {
|
|
@@ -50,39 +50,39 @@ const TemplateWithCompare: ComponentStory<typeof Property> = (args) => (
|
|
|
50
50
|
|
|
51
51
|
const Default = Template.bind({})
|
|
52
52
|
Default.args = {}
|
|
53
|
-
Default.decorators = [
|
|
53
|
+
Default.decorators = [useAppThemeDecorator]
|
|
54
54
|
|
|
55
55
|
const WithTitle = Template.bind({})
|
|
56
56
|
WithTitle.args = { title: 'No Data' }
|
|
57
|
-
WithTitle.decorators = [
|
|
57
|
+
WithTitle.decorators = [useAppThemeDecorator]
|
|
58
58
|
|
|
59
59
|
const WithUndefinedData = Template.bind({})
|
|
60
60
|
WithUndefinedData.args = { title: 'Block Hash' }
|
|
61
|
-
WithUndefinedData.decorators = [
|
|
61
|
+
WithUndefinedData.decorators = [useAppThemeDecorator]
|
|
62
62
|
|
|
63
63
|
const WithData = Template.bind({})
|
|
64
64
|
WithData.args = { title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
65
|
-
WithData.decorators = [
|
|
65
|
+
WithData.decorators = [useAppThemeDecorator]
|
|
66
66
|
|
|
67
67
|
const WithDataSmall = Template.bind({})
|
|
68
68
|
WithDataSmall.args = { size: 'small', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
69
|
-
WithDataSmall.decorators = [
|
|
69
|
+
WithDataSmall.decorators = [useAppThemeDecorator]
|
|
70
70
|
|
|
71
71
|
const WithDataCompare = TemplateWithCompare.bind({})
|
|
72
72
|
WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
73
|
-
WithDataCompare.decorators = [
|
|
73
|
+
WithDataCompare.decorators = [useAppThemeDecorator]
|
|
74
74
|
|
|
75
75
|
const WithDataAndBadgeSmall = Template.bind({})
|
|
76
76
|
WithDataAndBadgeSmall.args = { badge: true, size: 'small', tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
77
|
-
WithDataAndBadgeSmall.decorators = [
|
|
77
|
+
WithDataAndBadgeSmall.decorators = [useAppThemeDecorator]
|
|
78
78
|
|
|
79
79
|
const WithDataAndBadgeMedium = Template.bind({})
|
|
80
80
|
WithDataAndBadgeMedium.args = { badge: true, size: 'medium', tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
81
|
-
WithDataAndBadgeMedium.decorators = [
|
|
81
|
+
WithDataAndBadgeMedium.decorators = [useAppThemeDecorator]
|
|
82
82
|
|
|
83
83
|
const WithDataAndBadgeLarge = Template.bind({})
|
|
84
84
|
WithDataAndBadgeLarge.args = { badge: true, size: 'large', tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
85
|
-
WithDataAndBadgeLarge.decorators = [
|
|
85
|
+
WithDataAndBadgeLarge.decorators = [useAppThemeDecorator]
|
|
86
86
|
|
|
87
87
|
const WithTip = Template.bind({})
|
|
88
88
|
WithTip.args = {
|
|
@@ -90,7 +90,7 @@ WithTip.args = {
|
|
|
90
90
|
title: 'Block Hash',
|
|
91
91
|
value: sampleBlockWithPayloads._hash,
|
|
92
92
|
}
|
|
93
|
-
WithTip.decorators = [
|
|
93
|
+
WithTip.decorators = [useAppThemeDecorator]
|
|
94
94
|
|
|
95
95
|
const WithTipAndBadge = Template.bind({})
|
|
96
96
|
WithTipAndBadge.args = {
|
|
@@ -99,7 +99,7 @@ WithTipAndBadge.args = {
|
|
|
99
99
|
title: 'Block Hash',
|
|
100
100
|
value: sampleBlockWithPayloads._hash,
|
|
101
101
|
}
|
|
102
|
-
WithTipAndBadge.decorators = [
|
|
102
|
+
WithTipAndBadge.decorators = [useAppThemeDecorator]
|
|
103
103
|
|
|
104
104
|
const WithActions = Template.bind({})
|
|
105
105
|
WithActions.args = {
|
|
@@ -108,7 +108,7 @@ WithActions.args = {
|
|
|
108
108
|
title: 'Block Hash',
|
|
109
109
|
value: sampleBlockWithPayloads._hash,
|
|
110
110
|
}
|
|
111
|
-
WithActions.decorators = [
|
|
111
|
+
WithActions.decorators = [useAppThemeDecorator]
|
|
112
112
|
|
|
113
113
|
const LargeWithValue = Template.bind({})
|
|
114
114
|
LargeWithValue.args = {
|
|
@@ -118,7 +118,7 @@ LargeWithValue.args = {
|
|
|
118
118
|
title: 'Block Hash',
|
|
119
119
|
value: sampleBlockWithPayloads._hash,
|
|
120
120
|
}
|
|
121
|
-
LargeWithValue.decorators = [
|
|
121
|
+
LargeWithValue.decorators = [useAppThemeDecorator]
|
|
122
122
|
|
|
123
123
|
const LargeWithValueAndActions = Template.bind({})
|
|
124
124
|
LargeWithValueAndActions.args = {
|
|
@@ -129,7 +129,7 @@ LargeWithValueAndActions.args = {
|
|
|
129
129
|
title: 'Block Hash',
|
|
130
130
|
value: sampleBlockWithPayloads._hash,
|
|
131
131
|
}
|
|
132
|
-
LargeWithValueAndActions.decorators = [
|
|
132
|
+
LargeWithValueAndActions.decorators = [useAppThemeDecorator]
|
|
133
133
|
|
|
134
134
|
const SmallWithValueAndActions = Template.bind({})
|
|
135
135
|
SmallWithValueAndActions.args = {
|
|
@@ -140,7 +140,7 @@ SmallWithValueAndActions.args = {
|
|
|
140
140
|
title: 'Block Hash',
|
|
141
141
|
value: sampleBlockWithPayloads._hash,
|
|
142
142
|
}
|
|
143
|
-
SmallWithValueAndActions.decorators = [
|
|
143
|
+
SmallWithValueAndActions.decorators = [useAppThemeDecorator]
|
|
144
144
|
|
|
145
145
|
export {
|
|
146
146
|
Default,
|
|
@@ -2,8 +2,8 @@ import ReplayIcon from '@mui/icons-material/Replay'
|
|
|
2
2
|
import { TextField } from '@mui/material'
|
|
3
3
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
4
4
|
import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
|
|
5
|
+
import { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
5
6
|
|
|
6
|
-
import { appThemeDecorator, sampleBlockWithPayloads } from '../../../../.storybook'
|
|
7
7
|
import { Property } from './Property'
|
|
8
8
|
import { PropertyPaperProps } from './Props'
|
|
9
9
|
|
|
@@ -51,47 +51,47 @@ const TemplateWithCompare: ComponentStory<typeof Property> = (args) => (
|
|
|
51
51
|
|
|
52
52
|
const Default = Template.bind({})
|
|
53
53
|
Default.args = {}
|
|
54
|
-
Default.decorators = [
|
|
54
|
+
Default.decorators = [useAppThemeDecorator]
|
|
55
55
|
|
|
56
56
|
const WithTitle = Template.bind({})
|
|
57
57
|
WithTitle.args = { title: 'No Data' }
|
|
58
|
-
WithTitle.decorators = [
|
|
58
|
+
WithTitle.decorators = [useAppThemeDecorator]
|
|
59
59
|
|
|
60
60
|
const WithUndefinedData = Template.bind({})
|
|
61
61
|
WithUndefinedData.args = { title: 'Block Hash' }
|
|
62
|
-
WithUndefinedData.decorators = [
|
|
62
|
+
WithUndefinedData.decorators = [useAppThemeDecorator]
|
|
63
63
|
|
|
64
64
|
const WithData = Template.bind({})
|
|
65
65
|
WithData.args = { title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
66
|
-
WithData.decorators = [
|
|
66
|
+
WithData.decorators = [useAppThemeDecorator]
|
|
67
67
|
|
|
68
68
|
const WithDataSmall = Template.bind({})
|
|
69
69
|
WithDataSmall.args = { size: 'small', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
70
|
-
WithDataSmall.decorators = [
|
|
70
|
+
WithDataSmall.decorators = [useAppThemeDecorator]
|
|
71
71
|
|
|
72
72
|
const WithDataCompare = TemplateWithCompare.bind({})
|
|
73
73
|
WithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
74
|
-
WithDataCompare.decorators = [
|
|
74
|
+
WithDataCompare.decorators = [useAppThemeDecorator]
|
|
75
75
|
|
|
76
76
|
const WithDataCompareOutlined = TemplateWithCompare.bind({})
|
|
77
77
|
WithDataCompareOutlined.args = { tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash, variant: 'outlined' }
|
|
78
|
-
WithDataCompareOutlined.decorators = [
|
|
78
|
+
WithDataCompareOutlined.decorators = [useAppThemeDecorator]
|
|
79
79
|
|
|
80
80
|
const WithDataCompareElevation = TemplateWithCompare.bind({})
|
|
81
81
|
WithDataCompareElevation.args = { tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash, variant: 'elevation' }
|
|
82
|
-
WithDataCompareElevation.decorators = [
|
|
82
|
+
WithDataCompareElevation.decorators = [useAppThemeDecorator]
|
|
83
83
|
|
|
84
84
|
const WithDataAndBadgeSmall = Template.bind({})
|
|
85
85
|
WithDataAndBadgeSmall.args = { badge: true, size: 'small', tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
86
|
-
WithDataAndBadgeSmall.decorators = [
|
|
86
|
+
WithDataAndBadgeSmall.decorators = [useAppThemeDecorator]
|
|
87
87
|
|
|
88
88
|
const WithDataAndBadgeMedium = Template.bind({})
|
|
89
89
|
WithDataAndBadgeMedium.args = { badge: true, size: 'medium', tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
90
|
-
WithDataAndBadgeMedium.decorators = [
|
|
90
|
+
WithDataAndBadgeMedium.decorators = [useAppThemeDecorator]
|
|
91
91
|
|
|
92
92
|
const WithDataAndBadgeLarge = Template.bind({})
|
|
93
93
|
WithDataAndBadgeLarge.args = { badge: true, size: 'large', tip: 'This is the block hash', title: 'Block Hash', value: sampleBlockWithPayloads._hash }
|
|
94
|
-
WithDataAndBadgeLarge.decorators = [
|
|
94
|
+
WithDataAndBadgeLarge.decorators = [useAppThemeDecorator]
|
|
95
95
|
|
|
96
96
|
const WithTip = Template.bind({})
|
|
97
97
|
WithTip.args = {
|
|
@@ -99,7 +99,7 @@ WithTip.args = {
|
|
|
99
99
|
title: 'Block Hash',
|
|
100
100
|
value: sampleBlockWithPayloads._hash,
|
|
101
101
|
}
|
|
102
|
-
WithTip.decorators = [
|
|
102
|
+
WithTip.decorators = [useAppThemeDecorator]
|
|
103
103
|
|
|
104
104
|
const WithTipAndBadge = Template.bind({})
|
|
105
105
|
WithTipAndBadge.args = {
|
|
@@ -108,7 +108,7 @@ WithTipAndBadge.args = {
|
|
|
108
108
|
title: 'Block Hash',
|
|
109
109
|
value: sampleBlockWithPayloads._hash,
|
|
110
110
|
}
|
|
111
|
-
WithTipAndBadge.decorators = [
|
|
111
|
+
WithTipAndBadge.decorators = [useAppThemeDecorator]
|
|
112
112
|
|
|
113
113
|
const WithActions = Template.bind({})
|
|
114
114
|
WithActions.args = {
|
|
@@ -117,7 +117,7 @@ WithActions.args = {
|
|
|
117
117
|
title: 'Block Hash',
|
|
118
118
|
value: sampleBlockWithPayloads._hash,
|
|
119
119
|
}
|
|
120
|
-
WithActions.decorators = [
|
|
120
|
+
WithActions.decorators = [useAppThemeDecorator]
|
|
121
121
|
|
|
122
122
|
const LargeWithValue = Template.bind({})
|
|
123
123
|
LargeWithValue.args = {
|
|
@@ -127,7 +127,7 @@ LargeWithValue.args = {
|
|
|
127
127
|
title: 'Block Hash',
|
|
128
128
|
value: sampleBlockWithPayloads._hash,
|
|
129
129
|
}
|
|
130
|
-
LargeWithValue.decorators = [
|
|
130
|
+
LargeWithValue.decorators = [useAppThemeDecorator]
|
|
131
131
|
|
|
132
132
|
const LargeWithValueAndActions = Template.bind({})
|
|
133
133
|
LargeWithValueAndActions.args = {
|
|
@@ -138,7 +138,7 @@ LargeWithValueAndActions.args = {
|
|
|
138
138
|
title: 'Block Hash',
|
|
139
139
|
value: sampleBlockWithPayloads._hash,
|
|
140
140
|
}
|
|
141
|
-
LargeWithValueAndActions.decorators = [
|
|
141
|
+
LargeWithValueAndActions.decorators = [useAppThemeDecorator]
|
|
142
142
|
|
|
143
143
|
const SmallWithValueAndActions = Template.bind({})
|
|
144
144
|
SmallWithValueAndActions.args = {
|
|
@@ -149,7 +149,7 @@ SmallWithValueAndActions.args = {
|
|
|
149
149
|
title: 'Block Hash',
|
|
150
150
|
value: sampleBlockWithPayloads._hash,
|
|
151
151
|
}
|
|
152
|
-
SmallWithValueAndActions.decorators = [
|
|
152
|
+
SmallWithValueAndActions.decorators = [useAppThemeDecorator]
|
|
153
153
|
|
|
154
154
|
export {
|
|
155
155
|
Default,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
2
|
+
import { sampleBlockWithPayloads } from '@xyo-network/react-storybook'
|
|
2
3
|
|
|
3
|
-
import { sampleBlockWithPayloads } from '../../../../.storybook'
|
|
4
4
|
import { PropertyValue } from './Value'
|
|
5
5
|
|
|
6
6
|
const StorybookEntry = {
|