@fluentui-react-native/tester 0.134.41 → 0.135.0
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 +88 -1
- package/CHANGELOG.md +22 -2
- package/lib/fluent-tester/src/TestComponents/Icon/IconTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Icon/IconTest.js +15 -9
- package/lib/fluent-tester/src/TestComponents/Icon/IconTest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1Test android.d.ts +3 -0
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1Test android.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1Test android.js +37 -0
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1Test android.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Icon/{IconV1.d.ts → IconV1Test.d.ts} +1 -1
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1Test.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Icon/{IconV1.js → IconV1Test.js} +1 -1
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1Test.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconTest.js +15 -10
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1Test android.d.ts +3 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1Test android.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1Test android.js +41 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1Test android.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/{IconV1.d.ts → IconV1Test.d.ts} +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1Test.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/{IconV1.js → IconV1Test.js} +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1Test.js.map +1 -0
- package/package.json +13 -13
- package/src/TestComponents/Icon/IconTest.tsx +13 -7
- package/src/TestComponents/Icon/IconV1Test android.tsx +64 -0
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1.d.ts.map +0 -1
- package/lib/fluent-tester/src/TestComponents/Icon/IconV1.js.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1.d.ts.map +0 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Icon/IconV1.js.map +0 -1
- /package/src/TestComponents/Icon/{IconV1.tsx → IconV1Test.tsx} +0 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,94 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 17 Mar 2023 14:12:13 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.135.0",
|
|
7
|
+
"version": "0.135.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "email not defined",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca",
|
|
14
|
+
"comment": "IconTests"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.8.5",
|
|
20
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/badge to v0.5.4",
|
|
26
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/button to v0.32.45",
|
|
32
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/divider to v0.3.11",
|
|
38
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/dropdown to v0.7.42",
|
|
44
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.16.103",
|
|
50
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.6.44",
|
|
56
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/tester",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.8.42",
|
|
62
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui-react-native/tester",
|
|
67
|
+
"comment": "Bump @fluentui-react-native/icon to v0.17.21",
|
|
68
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui-react-native/tester",
|
|
73
|
+
"comment": "Bump @fluentui-react-native/menu to v1.4.27",
|
|
74
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "beachball",
|
|
78
|
+
"package": "@fluentui-react-native/tester",
|
|
79
|
+
"comment": "Bump @fluentui-react-native/notification to v0.21.46",
|
|
80
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"author": "beachball",
|
|
84
|
+
"package": "@fluentui-react-native/tester",
|
|
85
|
+
"comment": "Bump @fluentui/react-native to v0.36.16",
|
|
86
|
+
"commit": "7d5d72719836693db47a35fdbd4c03f92fe2c8ca"
|
|
87
|
+
}
|
|
88
|
+
]
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"date": "Thu, 16 Mar 2023 21:46:56 GMT",
|
|
6
93
|
"tag": "@fluentui-react-native/tester_v0.134.41",
|
|
7
94
|
"version": "0.134.41",
|
|
8
95
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 17 Mar 2023 14:12:13 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.135.0
|
|
8
|
+
|
|
9
|
+
Fri, 17 Mar 2023 14:12:13 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- IconTests (email not defined)
|
|
14
|
+
- Bump @fluentui-react-native/avatar to v1.8.5
|
|
15
|
+
- Bump @fluentui-react-native/badge to v0.5.4
|
|
16
|
+
- Bump @fluentui-react-native/button to v0.32.45
|
|
17
|
+
- Bump @fluentui-react-native/divider to v0.3.11
|
|
18
|
+
- Bump @fluentui-react-native/dropdown to v0.7.42
|
|
19
|
+
- Bump @fluentui-react-native/experimental-button to v0.16.103
|
|
20
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.6.44
|
|
21
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.8.42
|
|
22
|
+
- Bump @fluentui-react-native/icon to v0.17.21
|
|
23
|
+
- Bump @fluentui-react-native/menu to v1.4.27
|
|
24
|
+
- Bump @fluentui-react-native/notification to v0.21.46
|
|
25
|
+
- Bump @fluentui/react-native to v0.36.16
|
|
26
|
+
|
|
7
27
|
## 0.134.41
|
|
8
28
|
|
|
9
|
-
Thu, 16 Mar 2023 21:46:
|
|
29
|
+
Thu, 16 Mar 2023 21:46:56 GMT
|
|
10
30
|
|
|
11
31
|
### Patches
|
|
12
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0H/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
1
2
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { Platform, PlatformColor, View } from 'react-native';
|
|
4
5
|
import { Text } from '@fluentui/react-native';
|
|
5
6
|
import { Icon } from '@fluentui-react-native/icon';
|
|
6
7
|
import { E2ETestingIcon } from './IconLegacyE2ETest';
|
|
7
|
-
import { IconV1Test } from './IconV1';
|
|
8
8
|
import { IconV1E2ETest } from './IconV1E2ETest';
|
|
9
|
+
import { IconV1Test } from './IconV1Test';
|
|
9
10
|
import { ICON_TESTPAGE } from '../../../../E2E/src/IconLegacy/consts';
|
|
10
11
|
import { testImage, testTtf, svgProps } from '../Common/iconExamples';
|
|
11
12
|
import { Test } from '../Test';
|
|
@@ -61,21 +62,26 @@ var Icons = function () {
|
|
|
61
62
|
React.createElement(Icon, { rasterImageSource: rasterRainbowSpectrumProps, width: 100, height: 100, color: "green" }),
|
|
62
63
|
React.createElement(Icon, { rasterImageSource: rasterChessProps, width: 100, height: 100, color: "blue" }))) : null));
|
|
63
64
|
};
|
|
64
|
-
var iconSections = [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
65
|
+
var iconSections = __spreadArray(__spreadArray([], Platform.select({
|
|
66
|
+
android: [null],
|
|
67
|
+
default: [
|
|
68
|
+
{
|
|
69
|
+
name: 'Icon',
|
|
70
|
+
testID: ICON_TESTPAGE,
|
|
71
|
+
component: Icons,
|
|
72
|
+
},
|
|
73
|
+
],
|
|
74
|
+
}), true), [
|
|
70
75
|
{
|
|
71
76
|
name: 'Icon for E2E Testing',
|
|
72
77
|
component: E2ETestingIcon,
|
|
73
78
|
},
|
|
74
79
|
{
|
|
75
80
|
name: 'Default Icon',
|
|
81
|
+
testID: ICON_TESTPAGE,
|
|
76
82
|
component: IconV1Test,
|
|
77
83
|
},
|
|
78
|
-
];
|
|
84
|
+
], false);
|
|
79
85
|
var e2eSections = [
|
|
80
86
|
{
|
|
81
87
|
name: 'IconV1 for E2E Testing',
|
|
@@ -88,7 +94,7 @@ export var IconTest = function () {
|
|
|
88
94
|
uwpStatus: 'Backlog',
|
|
89
95
|
iosStatus: 'Experimental',
|
|
90
96
|
macosStatus: 'Experimental',
|
|
91
|
-
androidStatus: '
|
|
97
|
+
androidStatus: 'Experimental',
|
|
92
98
|
};
|
|
93
99
|
var description = 'Icons are styled images that can be fonts, svgs, or bitmaps';
|
|
94
100
|
return React.createElement(Test, { name: "Icon Test", description: description, sections: iconSections, status: status, e2eSections: e2eSections });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"IconTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA2BvC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAoC9B,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
|
|
5
|
+
import TestSvg from '../../../assets/test.svg';
|
|
6
|
+
var fontBuiltInProps = {
|
|
7
|
+
fontFamily: 'Arial',
|
|
8
|
+
codepoint: 0x2663,
|
|
9
|
+
fontSize: 100,
|
|
10
|
+
color: '#f09',
|
|
11
|
+
};
|
|
12
|
+
var svgUriProps = {
|
|
13
|
+
uri: 'https://upload.wikimedia.org/wikipedia/commons/d/d0/Drawsvgbird.svg',
|
|
14
|
+
viewBox: '0 0 1000 1000',
|
|
15
|
+
width: 100,
|
|
16
|
+
height: 100,
|
|
17
|
+
};
|
|
18
|
+
var svgSrcProps = {
|
|
19
|
+
viewBox: '0 0 500 500',
|
|
20
|
+
src: TestSvg,
|
|
21
|
+
};
|
|
22
|
+
export var IconV1Test = function () {
|
|
23
|
+
var svgSource = useMemo(function () { return (__assign({ color: 'lightgreen', width: 72, height: 72 }, svgSrcProps)); }, []);
|
|
24
|
+
var fontSource = useMemo(function () { return (__assign(__assign({}, fontBuiltInProps), { color: 'lightskyblue' })); }, []);
|
|
25
|
+
return (React.createElement(View, null,
|
|
26
|
+
React.createElement(Text, null, "Icon component"),
|
|
27
|
+
React.createElement(IconV1, { svgSource: svgSrcProps, color: "red", size: 16 }),
|
|
28
|
+
React.createElement(IconV1, { svgSource: svgSrcProps, color: "blue", size: 40 }),
|
|
29
|
+
React.createElement(IconV1, { svgSource: svgSource }),
|
|
30
|
+
React.createElement(IconV1, { svgSource: svgUriProps }),
|
|
31
|
+
React.createElement(IconV1, { fontSource: fontSource, color: "red" }),
|
|
32
|
+
React.createElement(Text, null, "SVG"),
|
|
33
|
+
React.createElement(SvgIcon, __assign({ color: "green" }, svgSrcProps, { width: 48, height: 48 })),
|
|
34
|
+
React.createElement(Text, null, "FontIcon"),
|
|
35
|
+
React.createElement(FontIcon, __assign({}, fontBuiltInProps))));
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=IconV1Test%20android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test android.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,IAAM,gBAAgB,GAAoB;IACxC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,GAAG,EAAE,qEAAqE;IAC1E,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,SAAS,GAAG,OAAO,CACvB,cAAM,OAAA,YACJ,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,IACP,WAAW,EACd,EALI,CAKJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,uBACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,yBAAsB;QAC3B,oBAAC,MAAM,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,KAAK,EAAC,IAAI,EAAE,EAAE,GAAI;QACxD,oBAAC,MAAM,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI;QACzD,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,GAAI;QAEhC,oBAAC,MAAM,IAAC,SAAS,EAAE,WAAW,GAAI;QAElC,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAC,KAAK,GAAG;QAE9C,oBAAC,IAAI,cAAW;QAChB,oBAAC,OAAO,aAAC,KAAK,EAAC,OAAO,IAAK,WAAW,IAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI;QAEjE,oBAAC,IAAI,mBAAgB;QACrB,oBAAC,QAAQ,eAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA6BvC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBA8B9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,IAAM,gBAAgB,GAAoB;IACxC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,GAAG,EAAE,iEAAiE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,SAAS,GAAG,OAAO,CACvB,cAAM,OAAA,YACJ,KAAK,EAAE,YAAY,IAChB,WAAW,EACd,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,uBACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,yBAAsB;QAC3B,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,GAAI;QAChC,oBAAC,MAAM,IAAC,SAAS,EAAE,WAAW,GAAI;QAClC,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,GAAI;QAElC,oBAAC,IAAI,cAAW;QAChB,oBAAC,OAAO,aAAC,KAAK,EAAC,OAAO,IAAK,WAAW,EAAI;QAE1C,oBAAC,IAAI,mBAAgB;QACrB,oBAAC,QAAQ,eAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0H/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -8,8 +8,8 @@ var react_native_1 = require("react-native");
|
|
|
8
8
|
var react_native_2 = require("@fluentui/react-native");
|
|
9
9
|
var icon_1 = require("@fluentui-react-native/icon");
|
|
10
10
|
var IconLegacyE2ETest_1 = require("./IconLegacyE2ETest");
|
|
11
|
-
var IconV1_1 = require("./IconV1");
|
|
12
11
|
var IconV1E2ETest_1 = require("./IconV1E2ETest");
|
|
12
|
+
var IconV1Test_1 = require("./IconV1Test");
|
|
13
13
|
var consts_1 = require("../../../../E2E/src/IconLegacy/consts");
|
|
14
14
|
var iconExamples_1 = require("../Common/iconExamples");
|
|
15
15
|
var Test_1 = require("../Test");
|
|
@@ -65,21 +65,26 @@ var Icons = function () {
|
|
|
65
65
|
React.createElement(icon_1.Icon, { rasterImageSource: rasterRainbowSpectrumProps, width: 100, height: 100, color: "green" }),
|
|
66
66
|
React.createElement(icon_1.Icon, { rasterImageSource: rasterChessProps, width: 100, height: 100, color: "blue" }))) : null));
|
|
67
67
|
};
|
|
68
|
-
var iconSections = [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
68
|
+
var iconSections = tslib_1.__spreadArray(tslib_1.__spreadArray([], react_native_1.Platform.select({
|
|
69
|
+
android: [null],
|
|
70
|
+
default: [
|
|
71
|
+
{
|
|
72
|
+
name: 'Icon',
|
|
73
|
+
testID: consts_1.ICON_TESTPAGE,
|
|
74
|
+
component: Icons,
|
|
75
|
+
},
|
|
76
|
+
],
|
|
77
|
+
}), true), [
|
|
74
78
|
{
|
|
75
79
|
name: 'Icon for E2E Testing',
|
|
76
80
|
component: IconLegacyE2ETest_1.E2ETestingIcon,
|
|
77
81
|
},
|
|
78
82
|
{
|
|
79
83
|
name: 'Default Icon',
|
|
80
|
-
|
|
84
|
+
testID: consts_1.ICON_TESTPAGE,
|
|
85
|
+
component: IconV1Test_1.IconV1Test,
|
|
81
86
|
},
|
|
82
|
-
];
|
|
87
|
+
], false);
|
|
83
88
|
var e2eSections = [
|
|
84
89
|
{
|
|
85
90
|
name: 'IconV1 for E2E Testing',
|
|
@@ -92,7 +97,7 @@ var IconTest = function () {
|
|
|
92
97
|
uwpStatus: 'Backlog',
|
|
93
98
|
iosStatus: 'Experimental',
|
|
94
99
|
macosStatus: 'Experimental',
|
|
95
|
-
androidStatus: '
|
|
100
|
+
androidStatus: 'Experimental',
|
|
96
101
|
};
|
|
97
102
|
var description = 'Icons are styled images that can be fonts, svgs, or bitmaps';
|
|
98
103
|
return React.createElement(Test_1.Test, { name: "Icon Test", description: description, sections: iconSections, status: status, e2eSections: e2eSections });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,mDAA+B;AAC/B,6CAA6D;AAE7D,uDAA8C;AAE9C,oDAAmD;AAEnD,yDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"IconTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA2BvC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAoC9B,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconV1Test = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
var react_native_1 = require("react-native");
|
|
7
|
+
var icon_1 = require("@fluentui-react-native/icon");
|
|
8
|
+
var test_svg_1 = tslib_1.__importDefault(require("../../../assets/test.svg"));
|
|
9
|
+
var fontBuiltInProps = {
|
|
10
|
+
fontFamily: 'Arial',
|
|
11
|
+
codepoint: 0x2663,
|
|
12
|
+
fontSize: 100,
|
|
13
|
+
color: '#f09',
|
|
14
|
+
};
|
|
15
|
+
var svgUriProps = {
|
|
16
|
+
uri: 'https://upload.wikimedia.org/wikipedia/commons/d/d0/Drawsvgbird.svg',
|
|
17
|
+
viewBox: '0 0 1000 1000',
|
|
18
|
+
width: 100,
|
|
19
|
+
height: 100,
|
|
20
|
+
};
|
|
21
|
+
var svgSrcProps = {
|
|
22
|
+
viewBox: '0 0 500 500',
|
|
23
|
+
src: test_svg_1.default,
|
|
24
|
+
};
|
|
25
|
+
var IconV1Test = function () {
|
|
26
|
+
var svgSource = (0, react_1.useMemo)(function () { return (tslib_1.__assign({ color: 'lightgreen', width: 72, height: 72 }, svgSrcProps)); }, []);
|
|
27
|
+
var fontSource = (0, react_1.useMemo)(function () { return (tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { color: 'lightskyblue' })); }, []);
|
|
28
|
+
return (react_1.default.createElement(react_native_1.View, null,
|
|
29
|
+
react_1.default.createElement(react_native_1.Text, null, "Icon component"),
|
|
30
|
+
react_1.default.createElement(icon_1.IconV1, { svgSource: svgSrcProps, color: "red", size: 16 }),
|
|
31
|
+
react_1.default.createElement(icon_1.IconV1, { svgSource: svgSrcProps, color: "blue", size: 40 }),
|
|
32
|
+
react_1.default.createElement(icon_1.IconV1, { svgSource: svgSource }),
|
|
33
|
+
react_1.default.createElement(icon_1.IconV1, { svgSource: svgUriProps }),
|
|
34
|
+
react_1.default.createElement(icon_1.IconV1, { fontSource: fontSource, color: "red" }),
|
|
35
|
+
react_1.default.createElement(react_native_1.Text, null, "SVG"),
|
|
36
|
+
react_1.default.createElement(icon_1.SvgIcon, tslib_1.__assign({ color: "green" }, svgSrcProps, { width: 48, height: 48 })),
|
|
37
|
+
react_1.default.createElement(react_native_1.Text, null, "FontIcon"),
|
|
38
|
+
react_1.default.createElement(icon_1.FontIcon, tslib_1.__assign({}, fontBuiltInProps))));
|
|
39
|
+
};
|
|
40
|
+
exports.IconV1Test = IconV1Test;
|
|
41
|
+
//# sourceMappingURL=IconV1Test%20android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test android.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,6CAA0C;AAG1C,oDAAwE;AAExE,8EAA+C;AAE/C,IAAM,gBAAgB,GAAoB;IACxC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,GAAG,EAAE,qEAAqE;IAC1E,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,kBAAO;CACb,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,oBACJ,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,IACP,WAAW,EACd,EALI,CAKJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,uCACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,yBAAsB;QAC3B,8BAAC,aAAM,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,KAAK,EAAC,IAAI,EAAE,EAAE,GAAI;QACxD,8BAAC,aAAM,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI;QACzD,8BAAC,aAAM,IAAC,SAAS,EAAE,SAAS,GAAI;QAEhC,8BAAC,aAAM,IAAC,SAAS,EAAE,WAAW,GAAI;QAElC,8BAAC,aAAM,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAC,KAAK,GAAG;QAE9C,8BAAC,mBAAI,cAAW;QAChB,8BAAC,cAAO,qBAAC,KAAK,EAAC,OAAO,IAAK,WAAW,IAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI;QAEjE,8BAAC,mBAAI,mBAAgB;QACrB,8BAAC,eAAQ,uBAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,UAAU,cAoCrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA6BvC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBA8B9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1Test.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,6CAA0C;AAG1C,oDAAwE;AAExE,8EAA+C;AAE/C,IAAM,gBAAgB,GAAoB;IACxC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,GAAG,EAAE,iEAAiE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,kBAAO;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,oBACJ,KAAK,EAAE,YAAY,IAChB,WAAW,EACd,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,uCACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,yBAAsB;QAC3B,8BAAC,aAAM,IAAC,SAAS,EAAE,SAAS,GAAI;QAChC,8BAAC,aAAM,IAAC,SAAS,EAAE,WAAW,GAAI;QAClC,8BAAC,aAAM,IAAC,UAAU,EAAE,UAAU,GAAI;QAElC,8BAAC,mBAAI,cAAW;QAChB,8BAAC,cAAO,qBAAC,KAAK,EAAC,OAAO,IAAK,WAAW,EAAI;QAE1C,8BAAC,mBAAI,mBAAgB;QACrB,8BAAC,eAAQ,uBAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.135.0",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -35,31 +35,31 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui-react-native/android-theme": ">=0.17.0 <1.0.0",
|
|
37
37
|
"@fluentui-react-native/apple-theme": ">=0.19.0 <1.0.0",
|
|
38
|
-
"@fluentui-react-native/avatar": "^1.8.
|
|
39
|
-
"@fluentui-react-native/badge": ">=0.5.
|
|
40
|
-
"@fluentui-react-native/button": ">=0.32.
|
|
38
|
+
"@fluentui-react-native/avatar": "^1.8.5",
|
|
39
|
+
"@fluentui-react-native/badge": ">=0.5.4 <1.0.0",
|
|
40
|
+
"@fluentui-react-native/button": ">=0.32.45 <1.0.0",
|
|
41
41
|
"@fluentui-react-native/default-theme": ">=0.18.0 <1.0.0",
|
|
42
|
-
"@fluentui-react-native/divider": "^0.3.
|
|
43
|
-
"@fluentui-react-native/dropdown": ">=0.7.
|
|
42
|
+
"@fluentui-react-native/divider": "^0.3.11",
|
|
43
|
+
"@fluentui-react-native/dropdown": ">=0.7.42 <1.0.0",
|
|
44
44
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.7.23 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/experimental-appearance-additions": "^0.3.7",
|
|
46
46
|
"@fluentui-react-native/experimental-avatar": ">=0.17.21 <1.0.0",
|
|
47
|
-
"@fluentui-react-native/experimental-button": "0.16.
|
|
47
|
+
"@fluentui-react-native/experimental-button": "0.16.103",
|
|
48
48
|
"@fluentui-react-native/experimental-checkbox": "0.13.46",
|
|
49
49
|
"@fluentui-react-native/experimental-expander": "0.5.23",
|
|
50
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.6.
|
|
50
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.6.44 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.7.6 <1.0.0",
|
|
52
52
|
"@fluentui-react-native/experimental-radio-group": "^0.9.27",
|
|
53
53
|
"@fluentui-react-native/experimental-shadow": "0.2.76",
|
|
54
54
|
"@fluentui-react-native/experimental-shimmer": "0.8.25",
|
|
55
|
-
"@fluentui-react-native/experimental-tabs": "0.8.
|
|
55
|
+
"@fluentui-react-native/experimental-tabs": "0.8.42",
|
|
56
56
|
"@fluentui-react-native/experimental-text": ">=0.11.58 <1.0.0",
|
|
57
57
|
"@fluentui-react-native/framework": ">=0.9.6 <1.0.0",
|
|
58
|
-
"@fluentui-react-native/icon": "0.17.
|
|
58
|
+
"@fluentui-react-native/icon": "0.17.21",
|
|
59
59
|
"@fluentui-react-native/interactive-hooks": ">=0.22.25 <1.0.0",
|
|
60
|
-
"@fluentui-react-native/menu": "^1.4.
|
|
60
|
+
"@fluentui-react-native/menu": "^1.4.27",
|
|
61
61
|
"@fluentui-react-native/merge-props": ">=0.5.3 <1.0.0",
|
|
62
|
-
"@fluentui-react-native/notification": "0.21.
|
|
62
|
+
"@fluentui-react-native/notification": "0.21.46",
|
|
63
63
|
"@fluentui-react-native/separator": "^0.14.20",
|
|
64
64
|
"@fluentui-react-native/stack": ">=0.7.59 <1.0.0",
|
|
65
65
|
"@fluentui-react-native/switch": "^0.8.35",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@fluentui-react-native/themed-stylesheet": "^1.4.3",
|
|
71
71
|
"@fluentui-react-native/theming-utils": ">=0.23.8 <1.0.0",
|
|
72
72
|
"@fluentui-react-native/win32-theme": ">=0.25.7 <1.0.0",
|
|
73
|
-
"@fluentui/react-native": ">=0.36.
|
|
73
|
+
"@fluentui/react-native": ">=0.36.16 <1.0.0",
|
|
74
74
|
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
75
75
|
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
76
76
|
"@fortawesome/react-native-fontawesome": "^0.3.0",
|
|
@@ -7,8 +7,8 @@ import type { RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluentu
|
|
|
7
7
|
import { Icon } from '@fluentui-react-native/icon';
|
|
8
8
|
|
|
9
9
|
import { E2ETestingIcon } from './IconLegacyE2ETest';
|
|
10
|
-
import { IconV1Test } from './IconV1';
|
|
11
10
|
import { IconV1E2ETest } from './IconV1E2ETest';
|
|
11
|
+
import { IconV1Test } from './IconV1Test';
|
|
12
12
|
import { ICON_TESTPAGE } from '../../../../E2E/src/IconLegacy/consts';
|
|
13
13
|
import { testImage, testTtf, svgProps } from '../Common/iconExamples';
|
|
14
14
|
import type { TestSection, PlatformStatus } from '../Test';
|
|
@@ -93,17 +93,23 @@ const Icons: React.FunctionComponent = () => {
|
|
|
93
93
|
};
|
|
94
94
|
|
|
95
95
|
const iconSections: TestSection[] = [
|
|
96
|
-
{
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
96
|
+
...Platform.select({
|
|
97
|
+
android: [null],
|
|
98
|
+
default: [
|
|
99
|
+
{
|
|
100
|
+
name: 'Icon',
|
|
101
|
+
testID: ICON_TESTPAGE,
|
|
102
|
+
component: Icons,
|
|
103
|
+
},
|
|
104
|
+
],
|
|
105
|
+
}),
|
|
101
106
|
{
|
|
102
107
|
name: 'Icon for E2E Testing',
|
|
103
108
|
component: E2ETestingIcon,
|
|
104
109
|
},
|
|
105
110
|
{
|
|
106
111
|
name: 'Default Icon',
|
|
112
|
+
testID: ICON_TESTPAGE,
|
|
107
113
|
component: IconV1Test,
|
|
108
114
|
},
|
|
109
115
|
];
|
|
@@ -121,7 +127,7 @@ export const IconTest: React.FunctionComponent = () => {
|
|
|
121
127
|
uwpStatus: 'Backlog',
|
|
122
128
|
iosStatus: 'Experimental',
|
|
123
129
|
macosStatus: 'Experimental',
|
|
124
|
-
androidStatus: '
|
|
130
|
+
androidStatus: 'Experimental',
|
|
125
131
|
};
|
|
126
132
|
|
|
127
133
|
const description = 'Icons are styled images that can be fonts, svgs, or bitmaps';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { Text, View } from 'react-native';
|
|
3
|
+
|
|
4
|
+
import type { FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
|
|
5
|
+
import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
|
|
6
|
+
|
|
7
|
+
import TestSvg from '../../../assets/test.svg';
|
|
8
|
+
|
|
9
|
+
const fontBuiltInProps: FontIconPropsV1 = {
|
|
10
|
+
fontFamily: 'Arial',
|
|
11
|
+
codepoint: 0x2663,
|
|
12
|
+
fontSize: 100,
|
|
13
|
+
color: '#f09',
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
const svgUriProps: SvgIconPropsV1 = {
|
|
17
|
+
uri: 'https://upload.wikimedia.org/wikipedia/commons/d/d0/Drawsvgbird.svg',
|
|
18
|
+
viewBox: '0 0 1000 1000',
|
|
19
|
+
width: 100,
|
|
20
|
+
height: 100,
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
const svgSrcProps: SvgIconPropsV1 = {
|
|
24
|
+
viewBox: '0 0 500 500',
|
|
25
|
+
src: TestSvg,
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export const IconV1Test: React.FunctionComponent = () => {
|
|
29
|
+
const svgSource = useMemo(
|
|
30
|
+
() => ({
|
|
31
|
+
color: 'lightgreen',
|
|
32
|
+
width: 72,
|
|
33
|
+
height: 72,
|
|
34
|
+
...svgSrcProps,
|
|
35
|
+
}),
|
|
36
|
+
[],
|
|
37
|
+
);
|
|
38
|
+
const fontSource = useMemo(
|
|
39
|
+
() => ({
|
|
40
|
+
...fontBuiltInProps,
|
|
41
|
+
color: 'lightskyblue',
|
|
42
|
+
}),
|
|
43
|
+
[],
|
|
44
|
+
);
|
|
45
|
+
|
|
46
|
+
return (
|
|
47
|
+
<View>
|
|
48
|
+
<Text>Icon component</Text>
|
|
49
|
+
<IconV1 svgSource={svgSrcProps} color="red" size={16} />
|
|
50
|
+
<IconV1 svgSource={svgSrcProps} color="blue" size={40} />
|
|
51
|
+
<IconV1 svgSource={svgSource} />
|
|
52
|
+
|
|
53
|
+
<IconV1 svgSource={svgUriProps} />
|
|
54
|
+
|
|
55
|
+
<IconV1 fontSource={fontSource} color="red" />
|
|
56
|
+
|
|
57
|
+
<Text>SVG</Text>
|
|
58
|
+
<SvgIcon color="green" {...svgSrcProps} width={48} height={48} />
|
|
59
|
+
|
|
60
|
+
<Text>FontIcon</Text>
|
|
61
|
+
<FontIcon {...fontBuiltInProps} />
|
|
62
|
+
</View>
|
|
63
|
+
);
|
|
64
|
+
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconV1.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA6BvC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBA8B9B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconV1.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,IAAM,gBAAgB,GAAoB;IACxC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,GAAG,EAAE,iEAAiE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,SAAS,GAAG,OAAO,CACvB,cAAM,OAAA,YACJ,KAAK,EAAE,YAAY,IAChB,WAAW,EACd,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,uBACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,yBAAsB;QAC3B,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,GAAI;QAChC,oBAAC,MAAM,IAAC,SAAS,EAAE,WAAW,GAAI;QAClC,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,GAAI;QAElC,oBAAC,IAAI,cAAW;QAChB,oBAAC,OAAO,aAAC,KAAK,EAAC,OAAO,IAAK,WAAW,EAAI;QAE1C,oBAAC,IAAI,mBAAgB;QACrB,oBAAC,QAAQ,eAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconV1.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA6BvC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBA8B9B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconV1.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconV1.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,6CAA0C;AAG1C,oDAAwE;AAExE,8EAA+C;AAE/C,IAAM,gBAAgB,GAAoB;IACxC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,GAAG,EAAE,iEAAiE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAmB;IAClC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,kBAAO;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,oBACJ,KAAK,EAAE,YAAY,IAChB,WAAW,EACd,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,uCACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,yBAAsB;QAC3B,8BAAC,aAAM,IAAC,SAAS,EAAE,SAAS,GAAI;QAChC,8BAAC,aAAM,IAAC,SAAS,EAAE,WAAW,GAAI;QAClC,8BAAC,aAAM,IAAC,UAAU,EAAE,UAAU,GAAI;QAElC,8BAAC,mBAAI,cAAW;QAChB,8BAAC,cAAO,qBAAC,KAAK,EAAC,OAAO,IAAK,WAAW,EAAI;QAE1C,8BAAC,mBAAI,mBAAgB;QACrB,8BAAC,eAAQ,uBAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}
|
|
File without changes
|