@fluentui-react-native/tester 0.107.1 → 0.107.2
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 +22 -1
- package/CHANGELOG.md +11 -2
- package/lib/TestComponents/Icon/IconExperimental.d.ts +3 -0
- package/lib/TestComponents/Icon/IconExperimental.d.ts.map +1 -0
- package/lib/TestComponents/Icon/IconExperimental.js +37 -0
- package/lib/TestComponents/Icon/IconExperimental.js.map +1 -0
- package/lib/TestComponents/Icon/IconTest.d.ts.map +1 -1
- package/lib/TestComponents/Icon/IconTest.js +5 -0
- package/lib/TestComponents/Icon/IconTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Icon/IconExperimental.d.ts +3 -0
- package/lib-commonjs/TestComponents/Icon/IconExperimental.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/Icon/IconExperimental.js +41 -0
- package/lib-commonjs/TestComponents/Icon/IconExperimental.js.map +1 -0
- package/lib-commonjs/TestComponents/Icon/IconTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Icon/IconTest.js +5 -0
- package/lib-commonjs/TestComponents/Icon/IconTest.js.map +1 -1
- package/package.json +2 -1
- package/src/TestComponents/Icon/IconExperimental.tsx +58 -0
- package/src/TestComponents/Icon/IconTest.tsx +5 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Wed, 16 Nov 2022
|
|
5
|
+
"date": "Wed, 16 Nov 2022 12:15:22 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.107.2",
|
|
7
|
+
"version": "0.107.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "vkozlova@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "c9fa4c0b89b85b324489ec7cd8dde69c9beb4711",
|
|
14
|
+
"comment": "Added Icon component"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-icon to v0.0.2",
|
|
20
|
+
"commit": "c9fa4c0b89b85b324489ec7cd8dde69c9beb4711"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Wed, 16 Nov 2022 08:47:25 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/tester_v0.107.1",
|
|
7
28
|
"version": "0.107.1",
|
|
8
29
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed, 16 Nov 2022
|
|
3
|
+
This log was last generated on Wed, 16 Nov 2022 12:15:22 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.107.2
|
|
8
|
+
|
|
9
|
+
Wed, 16 Nov 2022 12:15:22 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Added Icon component (vkozlova@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-icon to v0.0.2
|
|
15
|
+
|
|
7
16
|
## 0.107.1
|
|
8
17
|
|
|
9
|
-
Wed, 16 Nov 2022 08:
|
|
18
|
+
Wed, 16 Nov 2022 08:47:25 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconExperimental.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Icon/IconExperimental.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA2BvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBA8BpC,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
|
+
import { FontIcon, SvgIcon, Icon } from '@fluentui-react-native/experimental-icon';
|
|
4
|
+
import { Text, View } from 'react-native';
|
|
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/8/84/Example.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
|
+
width: 72,
|
|
22
|
+
height: 72,
|
|
23
|
+
};
|
|
24
|
+
export var IconExperimental = function () {
|
|
25
|
+
var svgSource = useMemo(function () { return (__assign({ color: 'lightgreen' }, svgSrcProps)); }, []);
|
|
26
|
+
var fontSource = useMemo(function () { return (__assign(__assign({}, fontBuiltInProps), { color: 'lightskyblue' })); }, []);
|
|
27
|
+
return (React.createElement(View, null,
|
|
28
|
+
React.createElement(Text, null, "Icon component"),
|
|
29
|
+
React.createElement(Icon, { svgSource: svgSource }),
|
|
30
|
+
React.createElement(Icon, { svgSource: svgUriProps }),
|
|
31
|
+
React.createElement(Icon, { fontSource: fontSource }),
|
|
32
|
+
React.createElement(Text, null, "SVG"),
|
|
33
|
+
React.createElement(SvgIcon, __assign({ color: "green" }, svgSrcProps)),
|
|
34
|
+
React.createElement(Text, null, "FontIcon"),
|
|
35
|
+
React.createElement(FontIcon, __assign({}, fontBuiltInProps))));
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=IconExperimental.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconExperimental.js","sourceRoot":"","sources":["../../../src/TestComponents/Icon/IconExperimental.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAGxC,IAAM,gBAAgB,GAAG;IACvB,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAiB;IAChC,GAAG,EAAE,iEAAiE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAiB;IAChC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAA4B;IACvD,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,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QAC9B,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,GAAI;QAChC,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,GAAI;QAEhC,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;AAgH/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -6,6 +6,7 @@ import { Icon } from '@fluentui-react-native/icon';
|
|
|
6
6
|
import { Test } from '../Test';
|
|
7
7
|
import { ICON_TESTPAGE } from './consts';
|
|
8
8
|
import { E2ETestingIcon } from './IconE2ETest';
|
|
9
|
+
import { IconExperimental } from './IconExperimental';
|
|
9
10
|
var testImage = require('../../../../assets/icon_24x24.png');
|
|
10
11
|
var testTtf = require('./../../../assets/Font_Awesome_900.otf');
|
|
11
12
|
import TestSvg from './assets/test.svg';
|
|
@@ -75,6 +76,10 @@ var iconSections = [
|
|
|
75
76
|
name: 'Icon for E2E Testing',
|
|
76
77
|
component: E2ETestingIcon,
|
|
77
78
|
},
|
|
79
|
+
{
|
|
80
|
+
name: 'Default Icon',
|
|
81
|
+
component: IconExperimental,
|
|
82
|
+
},
|
|
78
83
|
];
|
|
79
84
|
export var IconTest = function () {
|
|
80
85
|
var status = {
|
|
@@ -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;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAqD,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;
|
|
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;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAqD,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,IAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAC/D,IAAM,OAAO,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AAClE,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,IAAM,KAAK,GAA4B;IACrC,IAAM,mBAAmB,GAAkB;QACzC,UAAU,EAAE,qBAAqB;QACjC,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,oFAAoF;IACpF,qDAAqD;IACrD,IAAM,kBAAkB,GAAiB;QACvC,GAAG,EAAE,g+DAAg+D;QACr+D,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,kEAAkE;IAClE,IAAM,WAAW,GAAiB;QAChC,GAAG,EAAE,iEAAiE;QACtE,OAAO,EAAE,eAAe;KACzB,CAAC;IAEF,IAAM,0BAA0B,GAAyB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAE5E,+CAA+C;IAC/C,uDAAuD;IACvD,IAAM,gBAAgB,GAAyB,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,uDAAuD,EAAE,EAAE,CAAC;IAEzH,qDAAqD;IACrD,IAAM,aAAa,GAAG,IAAI,CAAC;IAC3B,IAAM,YAAY,GAAG,IAAI,CAAC;IAC1B,IAAM,eAAe,GAAG,IAAI,CAAC;IAC7B,IAAM,iBAAiB,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAM,OAAe,CAAC;IAExF,OAAO,CACL,oBAAC,IAAI;QACF,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;YACH,oBAAC,IAAI,qBAAkB;YAErB,qHAAqH;YACrH,qHAAqH;YACrH,8EAA8E;YAC9E,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,UAAU,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI;YAEtH,oBAAC,IAAI,IAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CACvE,CACR,CAAC,CAAC,CAAC,IAAI;QACP,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,IAAI;YACH,oBAAC,IAAI,oBAAiB;YACtB,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,kBAAkB,EAAC,YAAY,GAAG;YAEnG,4DAA4D;YAC5D,iBAAiB,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI;YAE1G,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,KAAK,GAAG;YACpE,QAAQ,CAAC,EAAE,KAAM,OAAe,IAAI,CACnC,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,EAAE,kBAAkB,EAAC,YAAY,GAAG,CAC3H,CACI,CACR,CAAC,CAAC,CAAC,IAAI;QACP,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,IAAI;YACH,oBAAC,IAAI,uBAAoB;YACzB,oBAAC,IAAI,IAAC,iBAAiB,EAAE,0BAA0B,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,OAAO,GAAG;YAC9F,oBAAC,IAAI,IAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAC9E,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,KAAK;KACjB;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAA4B;IAC/C,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,6DAA6D,CAAC;IAElF,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconExperimental.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Icon/IconExperimental.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA2BvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBA8BpC,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconExperimental = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
var experimental_icon_1 = require("@fluentui-react-native/experimental-icon");
|
|
7
|
+
var react_native_1 = require("react-native");
|
|
8
|
+
var test_svg_1 = (0, 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/8/84/Example.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
|
+
width: 72,
|
|
25
|
+
height: 72,
|
|
26
|
+
};
|
|
27
|
+
var IconExperimental = function () {
|
|
28
|
+
var svgSource = (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)({ color: 'lightgreen' }, svgSrcProps)); }, []);
|
|
29
|
+
var fontSource = (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { color: 'lightskyblue' })); }, []);
|
|
30
|
+
return (react_1.default.createElement(react_native_1.View, null,
|
|
31
|
+
react_1.default.createElement(react_native_1.Text, null, "Icon component"),
|
|
32
|
+
react_1.default.createElement(experimental_icon_1.Icon, { svgSource: svgSource }),
|
|
33
|
+
react_1.default.createElement(experimental_icon_1.Icon, { svgSource: svgUriProps }),
|
|
34
|
+
react_1.default.createElement(experimental_icon_1.Icon, { fontSource: fontSource }),
|
|
35
|
+
react_1.default.createElement(react_native_1.Text, null, "SVG"),
|
|
36
|
+
react_1.default.createElement(experimental_icon_1.SvgIcon, (0, tslib_1.__assign)({ color: "green" }, svgSrcProps)),
|
|
37
|
+
react_1.default.createElement(react_native_1.Text, null, "FontIcon"),
|
|
38
|
+
react_1.default.createElement(experimental_icon_1.FontIcon, (0, tslib_1.__assign)({}, fontBuiltInProps))));
|
|
39
|
+
};
|
|
40
|
+
exports.IconExperimental = IconExperimental;
|
|
41
|
+
//# sourceMappingURL=IconExperimental.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconExperimental.js","sourceRoot":"","sources":["../../../src/TestComponents/Icon/IconExperimental.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuC;AACvC,8EAAmF;AACnF,6CAA0C;AAC1C,4EAAwC;AAGxC,IAAM,gBAAgB,GAAG;IACvB,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,IAAM,WAAW,GAAiB;IAChC,GAAG,EAAE,iEAAiE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,IAAM,WAAW,GAAiB;IAChC,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,kBAAO;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEK,IAAM,gBAAgB,GAA4B;IACvD,IAAM,SAAS,GAAG,IAAA,eAAO,EACvB,cAAM,OAAA,yBACJ,KAAK,EAAE,YAAY,IAChB,WAAW,EACd,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IACF,IAAM,UAAU,GAAG,IAAA,eAAO,EACxB,cAAM,OAAA,iDACD,gBAAgB,KACnB,KAAK,EAAE,cAAc,IACrB,EAHI,CAGJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,yBAAsB;QAC3B,8BAAC,wBAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QAC9B,8BAAC,wBAAI,IAAC,SAAS,EAAE,WAAW,GAAI;QAChC,8BAAC,wBAAI,IAAC,UAAU,EAAE,UAAU,GAAI;QAEhC,8BAAC,mBAAI,cAAW;QAChB,8BAAC,2BAAO,0BAAC,KAAK,EAAC,OAAO,IAAK,WAAW,EAAI;QAE1C,8BAAC,mBAAI,mBAAgB;QACrB,8BAAC,4BAAQ,4BAAK,gBAAgB,EAAI,CAC7B,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,gBAAgB,oBA8B3B"}
|
|
@@ -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;AAgH/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
|
|
@@ -10,6 +10,7 @@ var icon_1 = require("@fluentui-react-native/icon");
|
|
|
10
10
|
var Test_1 = require("../Test");
|
|
11
11
|
var consts_1 = require("./consts");
|
|
12
12
|
var IconE2ETest_1 = require("./IconE2ETest");
|
|
13
|
+
var IconExperimental_1 = require("./IconExperimental");
|
|
13
14
|
var testImage = require('../../../../assets/icon_24x24.png');
|
|
14
15
|
var testTtf = require('./../../../assets/Font_Awesome_900.otf');
|
|
15
16
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./assets/test.svg"));
|
|
@@ -79,6 +80,10 @@ var iconSections = [
|
|
|
79
80
|
name: 'Icon for E2E Testing',
|
|
80
81
|
component: IconE2ETest_1.E2ETestingIcon,
|
|
81
82
|
},
|
|
83
|
+
{
|
|
84
|
+
name: 'Default Icon',
|
|
85
|
+
component: IconExperimental_1.IconExperimental,
|
|
86
|
+
},
|
|
82
87
|
];
|
|
83
88
|
var IconTest = function () {
|
|
84
89
|
var status = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,wDAA+B;AAC/B,6CAA6D;AAC7D,uDAA8C;AAC9C,oDAAsG;AACtG,gCAA4D;AAC5D,mCAAyC;AACzC,6CAA+C;
|
|
1
|
+
{"version":3,"file":"IconTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Icon/IconTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,wDAA+B;AAC/B,6CAA6D;AAC7D,uDAA8C;AAC9C,oDAAsG;AACtG,gCAA4D;AAC5D,mCAAyC;AACzC,6CAA+C;AAC/C,uDAAsD;AAEtD,IAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAC/D,IAAM,OAAO,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AAClE,4EAAwC;AAExC,IAAM,KAAK,GAA4B;IACrC,IAAM,mBAAmB,GAAkB;QACzC,UAAU,EAAE,qBAAqB;QACjC,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,oFAAoF;IACpF,qDAAqD;IACrD,IAAM,kBAAkB,GAAiB;QACvC,GAAG,EAAE,g+DAAg+D;QACr+D,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,kEAAkE;IAClE,IAAM,WAAW,GAAiB;QAChC,GAAG,EAAE,iEAAiE;QACtE,OAAO,EAAE,eAAe;KACzB,CAAC;IAEF,IAAM,0BAA0B,GAAyB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAE5E,+CAA+C;IAC/C,uDAAuD;IACvD,IAAM,gBAAgB,GAAyB,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,uDAAuD,EAAE,EAAE,CAAC;IAEzH,qDAAqD;IACrD,IAAM,aAAa,GAAG,IAAI,CAAC;IAC3B,IAAM,YAAY,GAAG,IAAI,CAAC;IAC1B,IAAM,eAAe,GAAG,IAAI,CAAC;IAC7B,IAAM,iBAAiB,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAM,OAAe,CAAC;IAExF,OAAO,CACL,oBAAC,mBAAI;QACF,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,mBAAI;YACH,oBAAC,mBAAI,qBAAkB;YAErB,qHAAqH;YACrH,qHAAqH;YACrH,8EAA8E;YAC9E,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,WAAI,IAAC,UAAU,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI;YAEtH,oBAAC,WAAI,IAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CACvE,CACR,CAAC,CAAC,CAAC,IAAI;QACP,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,mBAAI;YACH,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,WAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,kBAAkB,EAAC,YAAY,GAAG;YAEnG,4DAA4D;YAC5D,iBAAiB,CAAC,CAAC,CAAC,oBAAC,WAAI,IAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI;YAE1G,oBAAC,WAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,KAAK,GAAG;YACpE,uBAAQ,CAAC,EAAE,KAAM,OAAe,IAAI,CACnC,oBAAC,WAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAA,4BAAa,EAAC,YAAY,CAAC,EAAE,kBAAkB,EAAC,YAAY,GAAG,CAC3H,CACI,CACR,CAAC,CAAC,CAAC,IAAI;QACP,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,mBAAI;YACH,oBAAC,mBAAI,uBAAoB;YACzB,oBAAC,WAAI,IAAC,iBAAiB,EAAE,0BAA0B,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,OAAO,GAAG;YAC9F,oBAAC,WAAI,IAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAC9E,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,sBAAa;QACrB,SAAS,EAAE,KAAK;KACjB;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,SAAS,EAAE,4BAAc;KAC1B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,mCAAgB;KAC5B;CACF,CAAC;AAEK,IAAM,QAAQ,GAA4B;IAC/C,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,6DAA6D,CAAC;IAElF,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.107.
|
|
3
|
+
"version": "0.107.2",
|
|
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>",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"@fluentui-react-native/experimental-button": "0.16.57",
|
|
49
49
|
"@fluentui-react-native/experimental-checkbox": "0.13.4",
|
|
50
50
|
"@fluentui-react-native/experimental-expander": "0.4.22",
|
|
51
|
+
"@fluentui-react-native/experimental-icon": ">=0.0.2 <1.0.0",
|
|
51
52
|
"@fluentui-react-native/experimental-link": "^0.2.1",
|
|
52
53
|
"@fluentui-react-native/experimental-menu-button": ">=0.5.18 <1.0.0",
|
|
53
54
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { FontIcon, SvgIcon, Icon } from '@fluentui-react-native/experimental-icon';
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import TestSvg from './assets/test.svg';
|
|
5
|
+
import { SvgIconProps } from '@fluentui-react-native/experimental-icon';
|
|
6
|
+
|
|
7
|
+
const fontBuiltInProps = {
|
|
8
|
+
fontFamily: 'Arial',
|
|
9
|
+
codepoint: 0x2663,
|
|
10
|
+
fontSize: 100,
|
|
11
|
+
color: '#f09',
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const svgUriProps: SvgIconProps = {
|
|
15
|
+
uri: 'https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg',
|
|
16
|
+
viewBox: '0 0 1000 1000',
|
|
17
|
+
width: 100,
|
|
18
|
+
height: 100,
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
const svgSrcProps: SvgIconProps = {
|
|
22
|
+
viewBox: '0 0 500 500',
|
|
23
|
+
src: TestSvg,
|
|
24
|
+
width: 72,
|
|
25
|
+
height: 72,
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export const IconExperimental: React.FunctionComponent = () => {
|
|
29
|
+
const svgSource = useMemo(
|
|
30
|
+
() => ({
|
|
31
|
+
color: 'lightgreen',
|
|
32
|
+
...svgSrcProps,
|
|
33
|
+
}),
|
|
34
|
+
[],
|
|
35
|
+
);
|
|
36
|
+
const fontSource = useMemo(
|
|
37
|
+
() => ({
|
|
38
|
+
...fontBuiltInProps,
|
|
39
|
+
color: 'lightskyblue',
|
|
40
|
+
}),
|
|
41
|
+
[],
|
|
42
|
+
);
|
|
43
|
+
|
|
44
|
+
return (
|
|
45
|
+
<View>
|
|
46
|
+
<Text>Icon component</Text>
|
|
47
|
+
<Icon svgSource={svgSource} />
|
|
48
|
+
<Icon svgSource={svgUriProps} />
|
|
49
|
+
<Icon fontSource={fontSource} />
|
|
50
|
+
|
|
51
|
+
<Text>SVG</Text>
|
|
52
|
+
<SvgIcon color="green" {...svgSrcProps} />
|
|
53
|
+
|
|
54
|
+
<Text>FontIcon</Text>
|
|
55
|
+
<FontIcon {...fontBuiltInProps} />
|
|
56
|
+
</View>
|
|
57
|
+
);
|
|
58
|
+
};
|
|
@@ -6,6 +6,7 @@ import { Icon, RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluent
|
|
|
6
6
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
7
7
|
import { ICON_TESTPAGE } from './consts';
|
|
8
8
|
import { E2ETestingIcon } from './IconE2ETest';
|
|
9
|
+
import { IconExperimental } from './IconExperimental';
|
|
9
10
|
|
|
10
11
|
const testImage = require('../../../../assets/icon_24x24.png');
|
|
11
12
|
const testTtf = require('./../../../assets/Font_Awesome_900.otf');
|
|
@@ -104,6 +105,10 @@ const iconSections: TestSection[] = [
|
|
|
104
105
|
name: 'Icon for E2E Testing',
|
|
105
106
|
component: E2ETestingIcon,
|
|
106
107
|
},
|
|
108
|
+
{
|
|
109
|
+
name: 'Default Icon',
|
|
110
|
+
component: IconExperimental,
|
|
111
|
+
},
|
|
107
112
|
];
|
|
108
113
|
|
|
109
114
|
export const IconTest: React.FunctionComponent = () => {
|