react-native-ui-lib 7.38.1-snapshot.6360 → 7.38.1-snapshot.6362
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/package.json
CHANGED
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
"description": "A single grid view/list item component",
|
|
5
5
|
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/GridViewScreen.tsx",
|
|
6
6
|
"props": [
|
|
7
|
-
{
|
|
7
|
+
{
|
|
8
|
+
"name": "imageProps",
|
|
9
|
+
"type": "ImageProps",
|
|
10
|
+
"description": "Image props object for rendering an image item"
|
|
11
|
+
},
|
|
8
12
|
{
|
|
9
13
|
"name": "containerProps",
|
|
10
14
|
"type": "TouchableOpacityProps | ViewProps",
|
|
@@ -16,19 +20,71 @@
|
|
|
16
20
|
"description": "Custom GridListItem to be rendered in the GridView",
|
|
17
21
|
"required": true
|
|
18
22
|
},
|
|
19
|
-
{
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
{
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
{
|
|
24
|
+
"name": "itemSize",
|
|
25
|
+
"type": "number | ImageSize",
|
|
26
|
+
"description": "The item size"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"name": "title",
|
|
30
|
+
"type": "string | React.ReactElement",
|
|
31
|
+
"description": "Title content text"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"name": "titleTypography",
|
|
35
|
+
"type": "string",
|
|
36
|
+
"description": "Title content typography"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"name": "titleColor",
|
|
40
|
+
"type": "string",
|
|
41
|
+
"description": "Title content color"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "titleLines",
|
|
45
|
+
"type": "number",
|
|
46
|
+
"description": "Title content number of lines"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "subtitle",
|
|
50
|
+
"type": "string | React.ReactElement",
|
|
51
|
+
"description": "Subtitle content text"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "subtitleTypography",
|
|
55
|
+
"type": "string",
|
|
56
|
+
"description": "Subtitle content typography"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "subtitleColor",
|
|
60
|
+
"type": "string",
|
|
61
|
+
"description": "Subtitle content color"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"name": "subtitleLines",
|
|
65
|
+
"type": "number",
|
|
66
|
+
"description": "Subtitle content number of lines"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"name": "description",
|
|
70
|
+
"type": "string | React.ReactElement",
|
|
71
|
+
"description": "Description content text"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "descriptionTypography",
|
|
75
|
+
"type": "string",
|
|
76
|
+
"description": "Description content typography"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"name": "descriptionColor",
|
|
80
|
+
"type": "string",
|
|
81
|
+
"description": "Description content color"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "descriptionLines",
|
|
85
|
+
"type": "number",
|
|
86
|
+
"description": "Description content number of lines"
|
|
87
|
+
},
|
|
32
88
|
{
|
|
33
89
|
"name": "overlayText",
|
|
34
90
|
"type": "boolean",
|
|
@@ -39,23 +95,103 @@
|
|
|
39
95
|
"type": "ViewStyle",
|
|
40
96
|
"description": "Custom container styling for inline text"
|
|
41
97
|
},
|
|
42
|
-
{
|
|
98
|
+
{
|
|
99
|
+
"name": "alignToStart",
|
|
100
|
+
"type": "boolean",
|
|
101
|
+
"description": "Should content be align to start",
|
|
102
|
+
"default": "center"
|
|
103
|
+
},
|
|
43
104
|
{
|
|
44
105
|
"name": "horizontalAlignment",
|
|
45
106
|
"type": "HorizontalAlignment",
|
|
46
107
|
"description": "Content horizontal alignment",
|
|
47
108
|
"default": "center"
|
|
48
109
|
},
|
|
49
|
-
{
|
|
50
|
-
|
|
110
|
+
{
|
|
111
|
+
"name": "containerStyle",
|
|
112
|
+
"type": "ViewStyle",
|
|
113
|
+
"description": "Custom container style"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"name": "onPress",
|
|
117
|
+
"type": "TouchableOpacityProps['onPress']",
|
|
118
|
+
"description": "The item's action handler"
|
|
119
|
+
},
|
|
51
120
|
{
|
|
52
121
|
"name": "renderOverlay",
|
|
53
122
|
"type": "() => React.ReactElement",
|
|
54
123
|
"description": "Renders an overlay on top of the image"
|
|
55
124
|
},
|
|
56
|
-
{
|
|
125
|
+
{
|
|
126
|
+
"name": "testID",
|
|
127
|
+
"type": "string",
|
|
128
|
+
"description": "Test ID for component"
|
|
129
|
+
}
|
|
57
130
|
],
|
|
58
131
|
"snippet": [
|
|
59
132
|
"<GridListItem key={index$1} title={'Title'$2} subtitle={'Subtitle'$3} description={'Description goes here'$4}/>"
|
|
60
|
-
]
|
|
133
|
+
],
|
|
134
|
+
"docs": {
|
|
135
|
+
"hero": {
|
|
136
|
+
"title": "GridListItem",
|
|
137
|
+
"description": "Grid list items represent individual items in a grid view.\nEach item can display optional text below or on top the image",
|
|
138
|
+
"type": "hero",
|
|
139
|
+
"layout": "horizontal",
|
|
140
|
+
"content": [
|
|
141
|
+
{
|
|
142
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/GridListItem/gridListItem_cover.png"
|
|
143
|
+
}
|
|
144
|
+
]
|
|
145
|
+
},
|
|
146
|
+
"tabs": [
|
|
147
|
+
{
|
|
148
|
+
"title": "Overview",
|
|
149
|
+
"sections": [
|
|
150
|
+
{
|
|
151
|
+
"type": "table",
|
|
152
|
+
"columns": [
|
|
153
|
+
"Property",
|
|
154
|
+
"Preview"
|
|
155
|
+
],
|
|
156
|
+
"items": [
|
|
157
|
+
{
|
|
158
|
+
"title": "Media Item",
|
|
159
|
+
"content": [
|
|
160
|
+
{
|
|
161
|
+
"props": {
|
|
162
|
+
"itemSize": 124,
|
|
163
|
+
"title": "Title",
|
|
164
|
+
"subtitle": "Subtitle"
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
]
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"title": "Avatar",
|
|
171
|
+
"content": [
|
|
172
|
+
{
|
|
173
|
+
"props": {
|
|
174
|
+
"itemSize": 124,
|
|
175
|
+
"title": "Title",
|
|
176
|
+
"subtitle": "Subtitle",
|
|
177
|
+
"avatar": {
|
|
178
|
+
"source": {
|
|
179
|
+
"uri": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/icons/icon%20examples%20for%20docs/avatar_1.jpg"
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
]
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"title": "Custom component",
|
|
188
|
+
"description": "(renderCustomItem)"
|
|
189
|
+
}
|
|
190
|
+
],
|
|
191
|
+
"title": "Media Types"
|
|
192
|
+
}
|
|
193
|
+
]
|
|
194
|
+
}
|
|
195
|
+
]
|
|
196
|
+
}
|
|
61
197
|
}
|