@fluentui/react-image 9.0.0-nightly.46b9ea7036.0 → 9.0.0-rc.1
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/CHANGELOG.json +227 -23
- package/CHANGELOG.md +59 -12
- package/MIGRATION.md +3 -3
- package/dist/react-image.d.ts +8 -8
- package/lib/components/Image/Image.js +7 -7
- package/lib/components/Image/Image.js.map +1 -1
- package/lib/components/Image/Image.types.d.ts +4 -3
- package/lib/components/Image/renderImage.d.ts +1 -1
- package/lib/components/Image/renderImage.js +7 -8
- package/lib/components/Image/renderImage.js.map +1 -1
- package/lib/components/Image/useImage.d.ts +2 -3
- package/lib/components/Image/useImage.js +18 -18
- package/lib/components/Image/useImage.js.map +1 -1
- package/lib/components/Image/useImageStyles.d.ts +2 -1
- package/lib/components/Image/useImageStyles.js +21 -10
- package/lib/components/Image/useImageStyles.js.map +1 -1
- package/lib-commonjs/Image.js +1 -1
- package/lib-commonjs/components/Image/Image.js +8 -8
- package/lib-commonjs/components/Image/Image.js.map +1 -1
- package/lib-commonjs/components/Image/Image.types.d.ts +4 -3
- package/lib-commonjs/components/Image/index.js +1 -1
- package/lib-commonjs/components/Image/renderImage.d.ts +1 -1
- package/lib-commonjs/components/Image/renderImage.js +11 -14
- package/lib-commonjs/components/Image/renderImage.js.map +1 -1
- package/lib-commonjs/components/Image/useImage.d.ts +2 -3
- package/lib-commonjs/components/Image/useImage.js +22 -23
- package/lib-commonjs/components/Image/useImage.js.map +1 -1
- package/lib-commonjs/components/Image/useImageStyles.d.ts +2 -1
- package/lib-commonjs/components/Image/useImageStyles.js +25 -12
- package/lib-commonjs/components/Image/useImageStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +8 -10
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -13
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -24
- package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,66 +2,270 @@
|
|
|
2
2
|
"name": "@fluentui/react-image",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-image_v9.0.0-
|
|
7
|
-
"version": "9.0.0-
|
|
5
|
+
"date": "Thu, 10 Feb 2022 08:44:28 GMT",
|
|
6
|
+
"tag": "@fluentui/react-image_v9.0.0-rc.1",
|
|
7
|
+
"version": "9.0.0-rc.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
|
-
"author": "
|
|
11
|
+
"author": "mgodbolt@microsoft.com",
|
|
12
12
|
"package": "@fluentui/react-image",
|
|
13
|
-
"
|
|
14
|
-
"
|
|
13
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
|
14
|
+
"comment": "remove export of commons types"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-image",
|
|
19
|
+
"commit": "147ca590e83068153f0358da46b84e7e873b891f",
|
|
20
|
+
"comment": "react-image: Replacing use of functions in makeStyles with direct use of tokens."
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "olfedias@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-image",
|
|
25
|
+
"commit": "2ce465c8034747199be56ab5ebce3272b6d3a4f9",
|
|
26
|
+
"comment": "use Griffel packages"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "behowell@microsoft.com",
|
|
30
|
+
"package": "@fluentui/react-image",
|
|
31
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
|
32
|
+
"comment": "Remove component's shorthandProps array"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "lingfangao@hotmail.com",
|
|
36
|
+
"package": "@fluentui/react-image",
|
|
37
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
38
|
+
"comment": "Bump Fluent UI packages to 9.0.0-rc"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "behowell@microsoft.com",
|
|
42
|
+
"package": "@fluentui/react-image",
|
|
43
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
44
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
48
|
+
"package": "@fluentui/react-image",
|
|
49
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
50
|
+
"comment": "Updating based on changes to composition types."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "behowell@microsoft.com",
|
|
54
|
+
"package": "@fluentui/react-image",
|
|
55
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
56
|
+
"comment": "Refactor component Slot typings"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "olfedias@microsoft.com",
|
|
60
|
+
"package": "@fluentui/react-image",
|
|
61
|
+
"commit": "ffe595b06f256f25e6224a0069972e1474893758",
|
|
62
|
+
"comment": "update styles to not use CSS shorthands"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui/react-image",
|
|
67
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
68
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui/react-image",
|
|
73
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
74
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
75
|
+
}
|
|
76
|
+
],
|
|
77
|
+
"none": [
|
|
78
|
+
{
|
|
79
|
+
"author": "martinhochel@microsoft.com",
|
|
80
|
+
"package": "@fluentui/react-image",
|
|
81
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
82
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"author": "olfedias@microsoft.com",
|
|
86
|
+
"package": "@fluentui/react-image",
|
|
87
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
88
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"date": "Thu, 25 Nov 2021 08:34:13 GMT",
|
|
95
|
+
"tag": "@fluentui/react-image_v9.0.0-beta.4",
|
|
96
|
+
"version": "9.0.0-beta.4",
|
|
97
|
+
"comments": {
|
|
98
|
+
"none": [
|
|
99
|
+
{
|
|
100
|
+
"author": "tkrasniqi@microsoft.com",
|
|
101
|
+
"package": "@fluentui/react-image",
|
|
102
|
+
"commit": "01111bb9f10ad2bbe10902a48d15dce2e9cc4264",
|
|
103
|
+
"comment": {
|
|
104
|
+
"title": "",
|
|
105
|
+
"value": ""
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
],
|
|
109
|
+
"prerelease": [
|
|
110
|
+
{
|
|
111
|
+
"author": "beachball",
|
|
112
|
+
"package": "@fluentui/react-image",
|
|
113
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
|
114
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"author": "beachball",
|
|
118
|
+
"package": "@fluentui/react-image",
|
|
119
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
|
120
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"author": "beachball",
|
|
124
|
+
"package": "@fluentui/react-image",
|
|
125
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
|
126
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"author": "beachball",
|
|
130
|
+
"package": "@fluentui/react-image",
|
|
131
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
|
132
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"author": "beachball",
|
|
136
|
+
"package": "@fluentui/react-image",
|
|
137
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
|
138
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
139
|
+
}
|
|
140
|
+
]
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"date": "Fri, 12 Nov 2021 13:25:24 GMT",
|
|
145
|
+
"tag": "@fluentui/react-image_v9.0.0-beta.3",
|
|
146
|
+
"version": "9.0.0-beta.3",
|
|
147
|
+
"comments": {
|
|
148
|
+
"prerelease": [
|
|
149
|
+
{
|
|
150
|
+
"author": "olfedias@microsoft.com",
|
|
151
|
+
"package": "@fluentui/react-image",
|
|
152
|
+
"commit": "22460e1421c0f3b2bdf9c76d80a2cb202fa30079",
|
|
153
|
+
"comment": "export static classes for components"
|
|
15
154
|
},
|
|
16
155
|
{
|
|
17
156
|
"author": "gcox@microsoft.com",
|
|
18
157
|
"package": "@fluentui/react-image",
|
|
19
|
-
"
|
|
20
|
-
"
|
|
158
|
+
"commit": "8555daca54fa0ab490b5400b8d67a9430be9e8e5",
|
|
159
|
+
"comment": "Updated Image stories with codesandbox export comments"
|
|
21
160
|
},
|
|
22
161
|
{
|
|
23
|
-
"author": "
|
|
162
|
+
"author": "gcox@microsoft.com",
|
|
24
163
|
"package": "@fluentui/react-image",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
164
|
+
"commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
|
|
165
|
+
"comment": "Updated beta and RC components to ES2019"
|
|
27
166
|
},
|
|
28
167
|
{
|
|
29
168
|
"author": "beachball",
|
|
30
169
|
"package": "@fluentui/react-image",
|
|
31
|
-
"comment": "Bump @fluentui/react-make-styles to v9.0.0-
|
|
32
|
-
"commit": "
|
|
170
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
|
171
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
33
172
|
},
|
|
34
173
|
{
|
|
35
174
|
"author": "beachball",
|
|
36
175
|
"package": "@fluentui/react-image",
|
|
37
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.0-
|
|
38
|
-
"commit": "
|
|
176
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
|
177
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
39
178
|
},
|
|
40
179
|
{
|
|
41
180
|
"author": "beachball",
|
|
42
181
|
"package": "@fluentui/react-image",
|
|
43
|
-
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-
|
|
44
|
-
"commit": "
|
|
182
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
|
183
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
45
184
|
},
|
|
46
185
|
{
|
|
47
186
|
"author": "beachball",
|
|
48
187
|
"package": "@fluentui/react-image",
|
|
49
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-
|
|
50
|
-
"commit": "
|
|
188
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
|
189
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
51
190
|
},
|
|
52
191
|
{
|
|
53
192
|
"author": "beachball",
|
|
54
193
|
"package": "@fluentui/react-image",
|
|
55
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-
|
|
56
|
-
"commit": "
|
|
194
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
|
195
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
57
196
|
}
|
|
58
197
|
],
|
|
198
|
+
"none": [
|
|
199
|
+
{
|
|
200
|
+
"author": "mgodbolt@microsoft.com",
|
|
201
|
+
"package": "@fluentui/react-image",
|
|
202
|
+
"commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
|
|
203
|
+
"comment": "update docs descriptions"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"author": "lingfangao@hotmail.com",
|
|
207
|
+
"package": "@fluentui/react-image",
|
|
208
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
|
209
|
+
"comment": "Remove beta release tag"
|
|
210
|
+
}
|
|
211
|
+
]
|
|
212
|
+
}
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"date": "Wed, 27 Oct 2021 12:14:18 GMT",
|
|
216
|
+
"tag": "@fluentui/react-image_v9.0.0-beta.2",
|
|
217
|
+
"version": "9.0.0-beta.2",
|
|
218
|
+
"comments": {
|
|
59
219
|
"none": [
|
|
60
220
|
{
|
|
61
221
|
"author": "tkrasniqi@microsoft.com",
|
|
62
222
|
"package": "@fluentui/react-image",
|
|
63
|
-
"
|
|
64
|
-
"
|
|
223
|
+
"commit": "138ac075ebfc80d8ed588e23177d14b70ca03593",
|
|
224
|
+
"comment": "Updated migration guide"
|
|
225
|
+
}
|
|
226
|
+
],
|
|
227
|
+
"prerelease": [
|
|
228
|
+
{
|
|
229
|
+
"author": "gcox@microsoft.com",
|
|
230
|
+
"package": "@fluentui/react-image",
|
|
231
|
+
"commit": "e71393ebda85c52094c46d42d93af1e642f21293",
|
|
232
|
+
"comment": "Removed duplicate 'Image' from story names"
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"author": "peter@draxler.ml",
|
|
236
|
+
"package": "@fluentui/react-image",
|
|
237
|
+
"commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
|
|
238
|
+
"comment": "added styling of documentation"
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"author": "beachball",
|
|
242
|
+
"package": "@fluentui/react-image",
|
|
243
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
|
|
244
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"author": "beachball",
|
|
248
|
+
"package": "@fluentui/react-image",
|
|
249
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
|
|
250
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"author": "beachball",
|
|
254
|
+
"package": "@fluentui/react-image",
|
|
255
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.2",
|
|
256
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"author": "beachball",
|
|
260
|
+
"package": "@fluentui/react-image",
|
|
261
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
|
|
262
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"author": "beachball",
|
|
266
|
+
"package": "@fluentui/react-image",
|
|
267
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
|
|
268
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
65
269
|
}
|
|
66
270
|
]
|
|
67
271
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,71 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-image
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 10 Feb 2022 08:44:28 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [9.0.0-
|
|
7
|
+
## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.
|
|
9
|
+
Thu, 10 Feb 2022 08:44:28 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.4..@fluentui/react-image_v9.0.0-rc.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
- Bump
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
14
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
|
15
|
+
- react-image: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21044](https://github.com/microsoft/fluentui/pull/21044) by Humberto.Morimoto@microsoft.com)
|
|
16
|
+
- use Griffel packages ([PR #21432](https://github.com/microsoft/fluentui/pull/21432) by olfedias@microsoft.com)
|
|
17
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
18
|
+
- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
19
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
|
20
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
21
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
22
|
+
- update styles to not use CSS shorthands ([PR #20818](https://github.com/microsoft/fluentui/pull/20818) by olfedias@microsoft.com)
|
|
23
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
25
|
+
|
|
26
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.4)
|
|
27
|
+
|
|
28
|
+
Thu, 25 Nov 2021 08:34:13 GMT
|
|
29
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.3..@fluentui/react-image_v9.0.0-beta.4)
|
|
30
|
+
|
|
31
|
+
### Changes
|
|
32
|
+
|
|
33
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
34
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
35
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
36
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
37
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
38
|
+
|
|
39
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.3)
|
|
40
|
+
|
|
41
|
+
Fri, 12 Nov 2021 13:25:24 GMT
|
|
42
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v9.0.0-beta.3)
|
|
43
|
+
|
|
44
|
+
### Changes
|
|
45
|
+
|
|
46
|
+
- export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
|
|
47
|
+
- Updated Image stories with codesandbox export comments ([PR #20369](https://github.com/microsoft/fluentui/pull/20369) by gcox@microsoft.com)
|
|
48
|
+
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
|
49
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
50
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
51
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
52
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
53
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
54
|
+
|
|
55
|
+
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.2)
|
|
56
|
+
|
|
57
|
+
Wed, 27 Oct 2021 12:14:18 GMT
|
|
58
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.1..@fluentui/react-image_v9.0.0-beta.2)
|
|
59
|
+
|
|
60
|
+
### Changes
|
|
61
|
+
|
|
62
|
+
- Removed duplicate 'Image' from story names ([PR #20268](https://github.com/microsoft/fluentui/pull/20268) by gcox@microsoft.com)
|
|
63
|
+
- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
|
|
64
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
65
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
66
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
67
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
68
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
22
69
|
|
|
23
70
|
## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.1)
|
|
24
71
|
|
package/MIGRATION.md
CHANGED
|
@@ -68,7 +68,7 @@ For v9, this feature is no longer supported. The alternative is to apply the ani
|
|
|
68
68
|
```jsx
|
|
69
69
|
import { useState } from 'react';
|
|
70
70
|
import { Image } from '@fluentui/react-image';
|
|
71
|
-
import { makeStyles } from '@
|
|
71
|
+
import { makeStyles } from '@griffel/react';
|
|
72
72
|
|
|
73
73
|
const useStyles = makeStyles(theme => ({
|
|
74
74
|
fadeIn400: {
|
|
@@ -99,7 +99,7 @@ For v9, this feature is no longer supported. The alternative would be to use the
|
|
|
99
99
|
|
|
100
100
|
```jsx
|
|
101
101
|
import { useState } from 'react';
|
|
102
|
-
import { makeStyles } from '@
|
|
102
|
+
import { makeStyles } from '@griffel/react';
|
|
103
103
|
import { Image } from '@fluentui/react-image';
|
|
104
104
|
|
|
105
105
|
const useStyles = makeStyles({
|
|
@@ -219,7 +219,7 @@ const MyComponent = () => {
|
|
|
219
219
|
|
|
220
220
|
```jsx
|
|
221
221
|
import { Image } from '@fluentui/react-image';
|
|
222
|
-
import { makeStyles } from '@
|
|
222
|
+
import { makeStyles } from '@griffel/react';
|
|
223
223
|
|
|
224
224
|
const useStyles = makeStyles(theme => ({
|
|
225
225
|
width100: {
|
package/dist/react-image.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
4
|
-
import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
5
4
|
import * as React_2 from 'react';
|
|
5
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* The Image component ensures the consistent styling of images.
|
|
@@ -10,7 +10,9 @@ import * as React_2 from 'react';
|
|
|
10
10
|
declare const Image_2: ForwardRefComponent<ImageProps>;
|
|
11
11
|
export { Image_2 as Image }
|
|
12
12
|
|
|
13
|
-
export declare
|
|
13
|
+
export declare const imageClassName = "fui-Image";
|
|
14
|
+
|
|
15
|
+
declare type ImageCommons = {
|
|
14
16
|
/**
|
|
15
17
|
* An image can appear with rectangular border.
|
|
16
18
|
*/
|
|
@@ -36,10 +38,8 @@ export declare type ImageCommons = {
|
|
|
36
38
|
|
|
37
39
|
export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
|
|
38
40
|
|
|
39
|
-
export declare const imageShorthandProps: Array<keyof ImageSlots>;
|
|
40
|
-
|
|
41
41
|
export declare type ImageSlots = {
|
|
42
|
-
root:
|
|
42
|
+
root: Slot<'img'>;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
|
|
@@ -48,13 +48,13 @@ export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
|
|
|
48
48
|
* Define the render function.
|
|
49
49
|
* Given the state of an image, renders it.
|
|
50
50
|
*/
|
|
51
|
-
export declare const
|
|
51
|
+
export declare const renderImage_unstable: (state: ImageState) => JSX.Element;
|
|
52
52
|
|
|
53
53
|
/**
|
|
54
54
|
* Given user props, returns state and render function for an Image.
|
|
55
55
|
*/
|
|
56
|
-
export declare const
|
|
56
|
+
export declare const useImage_unstable: (props: ImageProps, ref: React_2.Ref<HTMLImageElement>) => ImageState;
|
|
57
57
|
|
|
58
|
-
export declare const
|
|
58
|
+
export declare const useImageStyles_unstable: (state: ImageState) => void;
|
|
59
59
|
|
|
60
60
|
export { }
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { renderImage_unstable } from './renderImage';
|
|
3
|
+
import { useImage_unstable } from './useImage';
|
|
4
|
+
import { useImageStyles_unstable } from './useImageStyles';
|
|
5
5
|
/**
|
|
6
6
|
* The Image component ensures the consistent styling of images.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return
|
|
9
|
+
export const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
+
const state = useImage_unstable(props, ref);
|
|
11
|
+
useImageStyles_unstable(state);
|
|
12
|
+
return renderImage_unstable(state);
|
|
13
13
|
});
|
|
14
14
|
Image.displayName = 'Image';
|
|
15
15
|
//# sourceMappingURL=Image.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,QAAqC,eAArC;AACA,SAAS,iBAAT,QAAkC,YAAlC;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ComponentState, ComponentProps,
|
|
1
|
+
import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type ImageSlots = {
|
|
3
|
-
root:
|
|
3
|
+
root: Slot<'img'>;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
declare type ImageCommons = {
|
|
6
6
|
/**
|
|
7
7
|
* An image can appear with rectangular border.
|
|
8
8
|
*/
|
|
@@ -27,3 +27,4 @@ export declare type ImageCommons = {
|
|
|
27
27
|
};
|
|
28
28
|
export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
|
|
29
29
|
export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
|
|
30
|
+
export {};
|
|
@@ -3,4 +3,4 @@ import { ImageState } from './Image.types';
|
|
|
3
3
|
* Define the render function.
|
|
4
4
|
* Given the state of an image, renders it.
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const renderImage_unstable: (state: ImageState) => JSX.Element;
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
|
-
import { imageShorthandProps } from './useImage';
|
|
5
3
|
/**
|
|
6
4
|
* Define the render function.
|
|
7
5
|
* Given the state of an image, renders it.
|
|
8
6
|
*/
|
|
9
7
|
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
8
|
+
export const renderImage_unstable = state => {
|
|
9
|
+
const {
|
|
10
|
+
slots,
|
|
11
|
+
slotProps
|
|
12
|
+
} = getSlots(state);
|
|
13
|
+
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
14
|
+
});
|
|
16
15
|
};
|
|
17
16
|
//# sourceMappingURL=renderImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;;AAGG;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM","sourceRoot":""}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ImageProps,
|
|
3
|
-
export declare const imageShorthandProps: Array<keyof ImageSlots>;
|
|
2
|
+
import type { ImageProps, ImageState } from './Image.types';
|
|
4
3
|
/**
|
|
5
4
|
* Given user props, returns state and render function for an Image.
|
|
6
5
|
*/
|
|
7
|
-
export declare const
|
|
6
|
+
export declare const useImage_unstable: (props: ImageProps, ref: React.Ref<HTMLImageElement>) => ImageState;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
-
export var imageShorthandProps = ['root'];
|
|
4
2
|
/**
|
|
5
3
|
* Given user props, returns state and render function for an Image.
|
|
6
4
|
*/
|
|
7
5
|
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
6
|
+
export const useImage_unstable = (props, ref) => {
|
|
7
|
+
const {
|
|
8
|
+
bordered,
|
|
9
|
+
fit,
|
|
10
|
+
block,
|
|
11
|
+
shape = 'square',
|
|
12
|
+
shadow
|
|
13
|
+
} = props;
|
|
14
|
+
const state = {
|
|
15
|
+
bordered,
|
|
16
|
+
fit,
|
|
17
|
+
block,
|
|
18
|
+
shape,
|
|
19
|
+
shadow,
|
|
21
20
|
components: {
|
|
22
21
|
root: 'img'
|
|
23
22
|
},
|
|
24
|
-
root: getNativeElementProps('img',
|
|
25
|
-
ref
|
|
26
|
-
|
|
23
|
+
root: getNativeElementProps('img', {
|
|
24
|
+
ref,
|
|
25
|
+
...props
|
|
26
|
+
})
|
|
27
27
|
};
|
|
28
28
|
return state;
|
|
29
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AACnG,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AATH,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM","sourceRoot":""}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import { mergeClasses, __styles } from '@
|
|
1
|
+
import { shorthands, mergeClasses, __styles } from '@griffel/react';
|
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
|
3
|
+
export const imageClassName = 'fui-Image';
|
|
2
4
|
|
|
3
|
-
|
|
5
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
4
6
|
"root": {
|
|
5
7
|
"g2u3we": "fj3muxo",
|
|
6
8
|
"h3c5rm": ["f1akhkt", "f1lxtadh"],
|
|
7
9
|
"B9xav0g": "f1aperda",
|
|
8
10
|
"zhjwy3": ["f1lxtadh", "f1akhkt"],
|
|
9
|
-
"
|
|
11
|
+
"Bbmb7ep": ["fzi6hpg", "fyowgf4"],
|
|
12
|
+
"Beyfa6y": ["fyowgf4", "fzi6hpg"],
|
|
13
|
+
"B7oj6ja": ["f3fg2lr", "f13av6d4"],
|
|
14
|
+
"Btl43ni": ["f13av6d4", "f3fg2lr"],
|
|
10
15
|
"B7ck84d": "f1ewtqcl",
|
|
11
16
|
"mc9l5x": "f14t3ns0"
|
|
12
17
|
},
|
|
@@ -21,13 +26,19 @@ var useStyles = /*#__PURE__*/__styles({
|
|
|
21
26
|
"ibv6hh": ["f1ojsxk5", "f5tn483"]
|
|
22
27
|
},
|
|
23
28
|
"rootCircular": {
|
|
24
|
-
"
|
|
29
|
+
"Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
|
|
30
|
+
"Beyfa6y": ["f1nfllo7", "f8fbkgy"],
|
|
31
|
+
"B7oj6ja": ["f1djnp8u", "f1s8kh49"],
|
|
32
|
+
"Btl43ni": ["f1s8kh49", "f1djnp8u"]
|
|
25
33
|
},
|
|
26
34
|
"rootRounded": {
|
|
27
|
-
"
|
|
35
|
+
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
|
36
|
+
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
|
37
|
+
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
|
38
|
+
"Btl43ni": ["fyu767a", "f1jar5jt"]
|
|
28
39
|
},
|
|
29
40
|
"rootShadow": {
|
|
30
|
-
"E5pizo":
|
|
41
|
+
"E5pizo": "f1whvlc6"
|
|
31
42
|
},
|
|
32
43
|
"rootFitNone": {
|
|
33
44
|
"st4lth": "f1plgu50",
|
|
@@ -57,11 +68,11 @@ var useStyles = /*#__PURE__*/__styles({
|
|
|
57
68
|
"a9b677": "fly5x3f"
|
|
58
69
|
}
|
|
59
70
|
}, {
|
|
60
|
-
"d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".
|
|
71
|
+
"d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
|
|
61
72
|
});
|
|
62
73
|
|
|
63
|
-
export
|
|
64
|
-
|
|
65
|
-
state.root.className = mergeClasses(styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
|
|
74
|
+
export const useImageStyles_unstable = state => {
|
|
75
|
+
const styles = useStyles();
|
|
76
|
+
state.root.className = mergeClasses(imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
|
|
66
77
|
};
|
|
67
78
|
//# sourceMappingURL=useImageStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDA,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAAsB;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJJ,EAKjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALH,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANU,EAOjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPE,EAQjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARA,EASjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATC,EAUjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVD,EAWjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXW,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAcD,CAhBM","sourceRoot":""}
|
package/lib-commonjs/Image.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./components/Image/index"), exports);
|
|
10
10
|
//# sourceMappingURL=Image.js.map
|
|
@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Image = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const renderImage_1 = /*#__PURE__*/require("./renderImage");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const useImage_1 = /*#__PURE__*/require("./useImage");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
|
|
15
15
|
/**
|
|
16
16
|
* The Image component ensures the consistent styling of images.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
exports.Image = /*#__PURE__*/React.forwardRef(
|
|
21
|
-
|
|
22
|
-
useImageStyles_1.
|
|
23
|
-
return renderImage_1.
|
|
20
|
+
exports.Image = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
+
const state = useImage_1.useImage_unstable(props, ref);
|
|
22
|
+
useImageStyles_1.useImageStyles_unstable(state);
|
|
23
|
+
return renderImage_1.renderImage_unstable(state);
|
|
24
24
|
});
|
|
25
25
|
exports.Image.displayName = 'Image';
|
|
26
26
|
//# sourceMappingURL=Image.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AACA,EAAA,gBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ComponentState, ComponentProps,
|
|
1
|
+
import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';
|
|
2
2
|
export declare type ImageSlots = {
|
|
3
|
-
root:
|
|
3
|
+
root: Slot<'img'>;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
declare type ImageCommons = {
|
|
6
6
|
/**
|
|
7
7
|
* An image can appear with rectangular border.
|
|
8
8
|
*/
|
|
@@ -27,3 +27,4 @@ export declare type ImageCommons = {
|
|
|
27
27
|
};
|
|
28
28
|
export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
|
|
29
29
|
export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
|
|
30
|
+
export {};
|
|
@@ -3,4 +3,4 @@ import { ImageState } from './Image.types';
|
|
|
3
3
|
* Define the render function.
|
|
4
4
|
* Given the state of an image, renders it.
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const renderImage_unstable: (state: ImageState) => JSX.Element;
|
|
@@ -3,28 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.renderImage_unstable = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
13
|
-
|
|
14
|
-
var useImage_1 = /*#__PURE__*/require("./useImage");
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
15
11
|
/**
|
|
16
12
|
* Define the render function.
|
|
17
13
|
* Given the state of an image, renders it.
|
|
18
14
|
*/
|
|
19
15
|
|
|
20
16
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
return React.createElement(slots.root,
|
|
17
|
+
const renderImage_unstable = state => {
|
|
18
|
+
const {
|
|
19
|
+
slots,
|
|
20
|
+
slotProps
|
|
21
|
+
} = react_utilities_1.getSlots(state);
|
|
22
|
+
return React.createElement(slots.root, { ...slotProps.root
|
|
23
|
+
});
|
|
27
24
|
};
|
|
28
25
|
|
|
29
|
-
exports.
|
|
26
|
+
exports.renderImage_unstable = renderImage_unstable;
|
|
30
27
|
//# sourceMappingURL=renderImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ImageProps,
|
|
3
|
-
export declare const imageShorthandProps: Array<keyof ImageSlots>;
|
|
2
|
+
import type { ImageProps, ImageState } from './Image.types';
|
|
4
3
|
/**
|
|
5
4
|
* Given user props, returns state and render function for an Image.
|
|
6
5
|
*/
|
|
7
|
-
export declare const
|
|
6
|
+
export declare const useImage_unstable: (props: ImageProps, ref: React.Ref<HTMLImageElement>) => ImageState;
|
|
@@ -3,39 +3,38 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useImage_unstable = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
|
-
|
|
12
|
-
exports.imageShorthandProps = ['root'];
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
13
9
|
/**
|
|
14
10
|
* Given user props, returns state and render function for an Image.
|
|
15
11
|
*/
|
|
16
12
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
13
|
+
|
|
14
|
+
const useImage_unstable = (props, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
bordered,
|
|
17
|
+
fit,
|
|
18
|
+
block,
|
|
19
|
+
shape = 'square',
|
|
20
|
+
shadow
|
|
21
|
+
} = props;
|
|
22
|
+
const state = {
|
|
23
|
+
bordered,
|
|
24
|
+
fit,
|
|
25
|
+
block,
|
|
26
|
+
shape,
|
|
27
|
+
shadow,
|
|
30
28
|
components: {
|
|
31
29
|
root: 'img'
|
|
32
30
|
},
|
|
33
|
-
root: react_utilities_1.getNativeElementProps('img',
|
|
34
|
-
ref
|
|
35
|
-
|
|
31
|
+
root: react_utilities_1.getNativeElementProps('img', {
|
|
32
|
+
ref,
|
|
33
|
+
...props
|
|
34
|
+
})
|
|
36
35
|
};
|
|
37
36
|
return state;
|
|
38
37
|
};
|
|
39
38
|
|
|
40
|
-
exports.
|
|
39
|
+
exports.useImage_unstable = useImage_unstable;
|
|
41
40
|
//# sourceMappingURL=useImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AACnG,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
|
|
@@ -3,17 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useImageStyles_unstable = exports.imageClassName = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
|
11
|
+
|
|
12
|
+
exports.imageClassName = 'fui-Image';
|
|
13
|
+
|
|
14
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
|
11
15
|
"root": {
|
|
12
16
|
"g2u3we": "fj3muxo",
|
|
13
17
|
"h3c5rm": ["f1akhkt", "f1lxtadh"],
|
|
14
18
|
"B9xav0g": "f1aperda",
|
|
15
19
|
"zhjwy3": ["f1lxtadh", "f1akhkt"],
|
|
16
|
-
"
|
|
20
|
+
"Bbmb7ep": ["fzi6hpg", "fyowgf4"],
|
|
21
|
+
"Beyfa6y": ["fyowgf4", "fzi6hpg"],
|
|
22
|
+
"B7oj6ja": ["f3fg2lr", "f13av6d4"],
|
|
23
|
+
"Btl43ni": ["f13av6d4", "f3fg2lr"],
|
|
17
24
|
"B7ck84d": "f1ewtqcl",
|
|
18
25
|
"mc9l5x": "f14t3ns0"
|
|
19
26
|
},
|
|
@@ -28,13 +35,19 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
28
35
|
"ibv6hh": ["f1ojsxk5", "f5tn483"]
|
|
29
36
|
},
|
|
30
37
|
"rootCircular": {
|
|
31
|
-
"
|
|
38
|
+
"Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
|
|
39
|
+
"Beyfa6y": ["f1nfllo7", "f8fbkgy"],
|
|
40
|
+
"B7oj6ja": ["f1djnp8u", "f1s8kh49"],
|
|
41
|
+
"Btl43ni": ["f1s8kh49", "f1djnp8u"]
|
|
32
42
|
},
|
|
33
43
|
"rootRounded": {
|
|
34
|
-
"
|
|
44
|
+
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
|
45
|
+
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
|
46
|
+
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
|
47
|
+
"Btl43ni": ["fyu767a", "f1jar5jt"]
|
|
35
48
|
},
|
|
36
49
|
"rootShadow": {
|
|
37
|
-
"E5pizo":
|
|
50
|
+
"E5pizo": "f1whvlc6"
|
|
38
51
|
},
|
|
39
52
|
"rootFitNone": {
|
|
40
53
|
"st4lth": "f1plgu50",
|
|
@@ -64,13 +77,13 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
64
77
|
"a9b677": "fly5x3f"
|
|
65
78
|
}
|
|
66
79
|
}, {
|
|
67
|
-
"d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".
|
|
80
|
+
"d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
|
|
68
81
|
});
|
|
69
82
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
state.root.className =
|
|
83
|
+
const useImageStyles_unstable = state => {
|
|
84
|
+
const styles = useStyles();
|
|
85
|
+
state.root.className = react_1.mergeClasses(exports.imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
|
|
73
86
|
};
|
|
74
87
|
|
|
75
|
-
exports.
|
|
88
|
+
exports.useImageStyles_unstable = useImageStyles_unstable;
|
|
76
89
|
//# sourceMappingURL=useImageStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,GAAiB,WAAjB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,MAAM,uBAAuB,GAAI,KAAD,IAAsB;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJhB,EAKrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALf,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANF,EAOrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPV,EAQrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARZ,EASrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATX,EAUrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVb,EAWrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXD,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAcD,CAhBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-image",
|
|
3
|
-
"version": "9.0.0-
|
|
3
|
+
"version": "9.0.0-rc.1",
|
|
4
4
|
"description": "Fluent UI React Image component.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -19,17 +19,16 @@
|
|
|
19
19
|
"just": "just-scripts",
|
|
20
20
|
"lint": "just-scripts lint",
|
|
21
21
|
"start": "yarn storybook",
|
|
22
|
-
"test": "jest",
|
|
22
|
+
"test": "jest --passWithNoTests",
|
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
|
24
|
-
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-image/src && yarn docs",
|
|
25
|
-
"storybook": "
|
|
24
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-image/src && yarn docs",
|
|
25
|
+
"storybook": "node ../../scripts/storybook/runner",
|
|
26
|
+
"type-check": "tsc -b tsconfig.json"
|
|
26
27
|
},
|
|
27
28
|
"devDependencies": {
|
|
28
|
-
"@fluentui/babel-make-styles": "9.0.0-nightly.46b9ea7036.0",
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-nightly.46b9ea7036.0",
|
|
31
30
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.1",
|
|
33
32
|
"@fluentui/scripts": "^1.0.0",
|
|
34
33
|
"@types/enzyme": "3.10.3",
|
|
35
34
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -44,8 +43,8 @@
|
|
|
44
43
|
"react-test-renderer": "^16.3.0"
|
|
45
44
|
},
|
|
46
45
|
"dependencies": {
|
|
47
|
-
"@
|
|
48
|
-
"@fluentui/react-utilities": "9.0.0-
|
|
46
|
+
"@griffel/react": "1.0.0",
|
|
47
|
+
"@fluentui/react-utilities": "9.0.0-rc.1",
|
|
49
48
|
"tslib": "^2.1.0"
|
|
50
49
|
},
|
|
51
50
|
"peerDependencies": {
|
|
@@ -55,7 +54,6 @@
|
|
|
55
54
|
"react-dom": ">=16.8.0 <18.0.0"
|
|
56
55
|
},
|
|
57
56
|
"beachball": {
|
|
58
|
-
"tag": "beta",
|
|
59
57
|
"disallowedChangeTypes": [
|
|
60
58
|
"major",
|
|
61
59
|
"minor",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
|
2
|
-
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
|
3
|
-
export function isConformant(testInfo) {
|
|
4
|
-
var defaultOptions = {
|
|
5
|
-
asPropHandlesRef: true,
|
|
6
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
|
7
|
-
disabledTests: ['has-docblock'],
|
|
8
|
-
extraTests: makeStylesTests,
|
|
9
|
-
skipAsPropTests: true
|
|
10
|
-
};
|
|
11
|
-
baseIsConformant(defaultOptions, testInfo);
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=isConformant.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isConformant = void 0;
|
|
7
|
-
|
|
8
|
-
var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
|
9
|
-
|
|
10
|
-
var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
|
11
|
-
|
|
12
|
-
function isConformant(testInfo) {
|
|
13
|
-
var defaultOptions = {
|
|
14
|
-
asPropHandlesRef: true,
|
|
15
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
|
16
|
-
disabledTests: ['has-docblock'],
|
|
17
|
-
extraTests: react_conformance_make_styles_1.default,
|
|
18
|
-
skipAsPropTests: true
|
|
19
|
-
};
|
|
20
|
-
react_conformance_1.isConformant(defaultOptions, testInfo);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
exports.isConformant = isConformant;
|
|
24
|
-
//# sourceMappingURL=isConformant.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|