@fluentui-react-native/tester 0.58.14 → 0.58.15
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/FluentTester/TestComponents/Button/ButtonHOCTestSection.js +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonIconTestSection.js +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonIconTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonShapeTestSection.js +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonShapeTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonSizeTestSection.js +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/E2EButtonTest.js +1 -1
- package/lib/FluentTester/TestComponents/Button/E2EButtonTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ToggleButtonTestSection.js +1 -1
- package/lib/FluentTester/TestComponents/Button/ToggleButtonTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js +9 -9
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonIconTestSection.js +15 -15
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonIconTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonShapeTestSection.js +12 -12
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonShapeTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.js +22 -22
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/E2EButtonTest.js +5 -5
- package/lib-commonjs/FluentTester/TestComponents/Button/E2EButtonTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ToggleButtonTestSection.js +17 -17
- package/lib-commonjs/FluentTester/TestComponents/Button/ToggleButtonTestSection.js.map +1 -1
- package/package.json +2 -2
- package/src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx +1 -1
- package/src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx +1 -1
- package/src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx +1 -1
- package/src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx +1 -1
- package/src/FluentTester/TestComponents/Button/E2EButtonTest.tsx +1 -1
- package/src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 30 Mar 2022 16:31:39 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.58.15",
|
|
7
|
+
"version": "0.58.15",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "69a7369894cb51971a3b008c4b5acbe97b8d95e3",
|
|
14
|
+
"comment": "Switch tests to use core package for Button"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui/react-native to v0.28.0",
|
|
20
|
+
"commit": "69a7369894cb51971a3b008c4b5acbe97b8d95e3"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Mon, 28 Mar 2022 15:02:37 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/tester_v0.58.14",
|
|
7
28
|
"version": "0.58.14",
|
|
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
|
|
3
|
+
This log was last generated on Wed, 30 Mar 2022 16:31:39 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.58.15
|
|
8
|
+
|
|
9
|
+
Wed, 30 Mar 2022 16:31:39 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Switch tests to use core package for Button (ruaraki@microsoft.com)
|
|
14
|
+
- Bump @fluentui/react-native to v0.28.0
|
|
15
|
+
|
|
7
16
|
## 0.58.14
|
|
8
17
|
|
|
9
|
-
Mon, 28 Mar 2022 15:
|
|
18
|
+
Mon, 28 Mar 2022 15:02:37 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
2
2
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
3
3
|
import { Icon } from '@fluentui-react-native/icon';
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,IAAI,EAAgB,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAoB,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAErG,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,IAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,IAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;IACpC,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,UAAU;KACpB;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;SACzE;KACF;CACF,CAAC,CAAC;AACH,IAAM,QAAQ,GAAiB;IAC7B,GAAG,EAAE,OAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACd,eAAe,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA2C;QAC9G,oBAAC,MAAM,IACL,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE,UAAC,CAAmB;gBAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAEzB,IAAI,uBAAuB,CAAC,CAAC,CAAC,EAAE;oBAC9B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;iBAC/B;gBAED,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,uCAGM;QACT,oBAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import { ButtonV1 as Button } from '@fluentui
|
|
2
|
+
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Platform, View, StyleSheet } from 'react-native';
|
|
5
5
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,qCAAqC,CAAC,CAAC;IAEjE,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,wBAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,MAAM,IACL,IAAI,EAAE,EAAE,UAAU,wBAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACT,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE/C;QACR,eAAe,IAAI,CAClB,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,MAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button, CompoundButton } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,CAAC,IAAM,eAAe,GAA4B;IACtD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAE9C;QACT,oBAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAE7C;QACT,oBAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE/C;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAEnE;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAElE;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEpE;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,cAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button, CompoundButton } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Platform, View } from 'react-native';
|
|
4
4
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
2
|
import { Text } from '@fluentui/react-native';
|
|
3
|
-
import { ButtonV1 as Button } from '@fluentui
|
|
3
|
+
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { View } from 'react-native';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,8BAA8B,EAC9B,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,IAAM,yBAAyB,GAA4B;IAC1D,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAEhE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,MAAM,IAAC,MAAM,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,0BAA0B,uCAE9F;YACT,oBAAC,MAAM,IAAC,MAAM,EAAE,8BAA8B,EAAE,OAAO,EAAE,OAAO,IAC7D,2BAA2B,CACrB;YACR,aAAa,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,MAAM,EAAE,eAAe,qBAAuB,CAAC,CAAC,CAAC,IAAI,CACtE,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ButtonHOCTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
5
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
6
6
|
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
7
7
|
var icon_1 = require("@fluentui-react-native/icon");
|
|
8
8
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var react_native_2 = require("react-native");
|
|
10
10
|
var styles_1 = require("../Common/styles");
|
|
11
11
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
12
12
|
var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
13
13
|
var CustomText = experimental_text_1.Text.customize({ fontSize: 'header', color: 'hotpink' });
|
|
14
|
-
var CustomButton =
|
|
15
|
-
var CustomIconButton =
|
|
16
|
-
var ComposedButton =
|
|
14
|
+
var CustomButton = react_native_1.ButtonV1.customize({ backgroundColor: 'pink' });
|
|
15
|
+
var CustomIconButton = react_native_1.ButtonV1.customize({ iconColor: 'yellow' });
|
|
16
|
+
var ComposedButton = react_native_1.ButtonV1.compose({
|
|
17
17
|
slots: {
|
|
18
|
-
root:
|
|
18
|
+
root: react_native_2.View,
|
|
19
19
|
icon: icon_1.Icon,
|
|
20
20
|
content: CustomText,
|
|
21
21
|
},
|
|
@@ -31,11 +31,11 @@ var svgProps = {
|
|
|
31
31
|
};
|
|
32
32
|
var ButtonHOCTest = function () {
|
|
33
33
|
var buttonRef = React.useRef(null);
|
|
34
|
-
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(
|
|
35
|
-
return (React.createElement(
|
|
34
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
35
|
+
return (React.createElement(react_native_2.View, { style: styles_1.stackStyle },
|
|
36
36
|
React.createElement(CustomButton, { style: styles_1.commonTestStyles.vmargin, componentRef: buttonRef }, "Customized Button with ref"),
|
|
37
37
|
svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: svgProps } }, "Customized Icon Button"),
|
|
38
|
-
React.createElement(
|
|
38
|
+
React.createElement(react_native_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, onClick: function (e) {
|
|
39
39
|
console.log(e.timeStamp);
|
|
40
40
|
if ((0, interactive_hooks_1.isGestureResponderEvent)(e)) {
|
|
41
41
|
console.log('I was clicked!');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,8EAAgE;AAChE,oDAAiE;AACjE,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,qEAAiC;AACjC,8EAAqG;AAErG,IAAM,UAAU,GAAG,wBAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,IAAM,YAAY,GAAG,uBAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,IAAM,gBAAgB,GAAG,uBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,IAAM,cAAc,GAAG,uBAAM,CAAC,OAAO,CAAC;IACpC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;QACV,OAAO,EAAE,UAAU;KACpB;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;SACzE;KACF;CACF,CAAC,CAAC;AACH,IAAM,QAAQ,GAAiB;IAC7B,GAAG,EAAE,kBAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACd,eAAe,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA2C;QAC9G,oBAAC,uBAAM,IACL,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE,UAAC,CAAmB;gBAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAEzB,IAAI,IAAA,2CAAuB,EAAC,CAAC,CAAC,EAAE;oBAC9B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;iBAC/B;gBAED,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,uCAGM;QACT,oBAAC,cAAc,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB"}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ButtonIconTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
5
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
6
6
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
-
var
|
|
7
|
+
var react_native_2 = require("react-native");
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
9
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
10
10
|
var react_native_svg_1 = require("react-native-svg");
|
|
11
|
-
var styles =
|
|
11
|
+
var styles = react_native_2.StyleSheet.create({
|
|
12
12
|
chevron: { paddingStart: 4 },
|
|
13
13
|
});
|
|
14
14
|
var ButtonIconTest = function () {
|
|
@@ -23,21 +23,21 @@ var ButtonIconTest = function () {
|
|
|
23
23
|
src: test_svg_1.default,
|
|
24
24
|
viewBox: '0 0 500 500',
|
|
25
25
|
};
|
|
26
|
-
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(
|
|
26
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
27
27
|
var chevronXml = "\n <svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n </svg>";
|
|
28
|
-
return (React.createElement(
|
|
29
|
-
React.createElement(
|
|
30
|
-
React.createElement(
|
|
31
|
-
React.createElement(
|
|
32
|
-
React.createElement(
|
|
28
|
+
return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
29
|
+
React.createElement(react_native_1.ButtonV1, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
30
|
+
React.createElement(react_native_1.ButtonV1, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
|
|
31
|
+
React.createElement(react_native_1.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
32
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
33
33
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
34
|
-
React.createElement(
|
|
35
|
-
React.createElement(
|
|
36
|
-
React.createElement(
|
|
37
|
-
React.createElement(
|
|
38
|
-
svgIconsEnabled && (React.createElement(
|
|
34
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
|
|
35
|
+
React.createElement(react_native_1.ButtonV1, { icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
|
|
36
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
37
|
+
React.createElement(react_native_1.ButtonV1, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
38
|
+
svgIconsEnabled && (React.createElement(react_native_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: { svgSource: svgProps } },
|
|
39
39
|
"Icon Button and Chevron",
|
|
40
|
-
React.createElement(
|
|
40
|
+
React.createElement(react_native_2.View, { style: styles.chevron },
|
|
41
41
|
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
|
|
42
42
|
};
|
|
43
43
|
exports.ButtonIconTest = ButtonIconTest;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,wDAA+B;AAC/B,6CAA0D;AAC1D,2CAAgE;AAEhE,qEAAiC;AACjC,qDAA0C;AAE1C,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEI,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,qCAAqC,CAAC,CAAC;IAEjE,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,uBAAM,IACL,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C;QACR,eAAe,IAAI,CAClB,oBAAC,uBAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,cAAc,kBAiEzB"}
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ButtonShapeTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
5
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
6
6
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
-
var
|
|
7
|
+
var react_native_2 = require("react-native");
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
9
|
var ButtonShapeTest = function () {
|
|
10
|
-
return (React.createElement(
|
|
11
|
-
React.createElement(
|
|
12
|
-
React.createElement(
|
|
13
|
-
React.createElement(
|
|
14
|
-
React.createElement(
|
|
15
|
-
React.createElement(
|
|
16
|
-
React.createElement(
|
|
17
|
-
React.createElement(
|
|
18
|
-
React.createElement(
|
|
19
|
-
React.createElement(
|
|
10
|
+
return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
11
|
+
React.createElement(react_native_1.ButtonV1, { shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Default Rounded Button"),
|
|
12
|
+
React.createElement(react_native_1.ButtonV1, { shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
|
|
13
|
+
React.createElement(react_native_1.ButtonV1, { shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
|
|
14
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Primary Rounded Button"),
|
|
15
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
|
|
16
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
|
|
17
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
18
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "square", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
19
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "circular", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Compound Button")));
|
|
20
20
|
};
|
|
21
21
|
exports.ButtonShapeTest = ButtonShapeTest;
|
|
22
22
|
//# sourceMappingURL=ButtonShapeTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4E;AAC5E,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEzD,IAAM,eAAe,GAA4B;IACtD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,uBAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE9C;QACT,oBAAC,uBAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAE7C;QACT,oBAAC,uBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE/C;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAElE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpE;QACT,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,eAAe,mBAgC1B"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ButtonSizeTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
5
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
6
6
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
-
var
|
|
7
|
+
var react_native_2 = require("react-native");
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
9
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
10
10
|
var ButtonSizeTest = function () {
|
|
@@ -12,28 +12,28 @@ var ButtonSizeTest = function () {
|
|
|
12
12
|
src: test_svg_1.default,
|
|
13
13
|
viewBox: '0 0 500 500',
|
|
14
14
|
};
|
|
15
|
-
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(
|
|
16
|
-
return (React.createElement(
|
|
15
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
16
|
+
return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
17
17
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
18
|
-
React.createElement(
|
|
19
|
-
React.createElement(
|
|
20
|
-
React.createElement(
|
|
21
|
-
React.createElement(
|
|
22
|
-
React.createElement(
|
|
23
|
-
React.createElement(
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement(
|
|
26
|
-
React.createElement(
|
|
27
|
-
React.createElement(
|
|
28
|
-
React.createElement(
|
|
29
|
-
React.createElement(
|
|
30
|
-
React.createElement(
|
|
31
|
-
React.createElement(
|
|
32
|
-
React.createElement(
|
|
18
|
+
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
19
|
+
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
20
|
+
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
21
|
+
React.createElement(react_native_1.ButtonV1, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
|
|
22
|
+
React.createElement(react_native_1.ButtonV1, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
|
|
23
|
+
React.createElement(react_native_1.ButtonV1, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"))),
|
|
24
|
+
React.createElement(react_native_1.ButtonV1, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
|
|
25
|
+
React.createElement(react_native_1.ButtonV1, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
|
|
26
|
+
React.createElement(react_native_1.ButtonV1, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
|
|
27
|
+
React.createElement(react_native_1.ButtonV1, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
|
|
28
|
+
React.createElement(react_native_1.ButtonV1, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
|
|
29
|
+
React.createElement(react_native_1.ButtonV1, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
|
|
30
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "Small compound button", size: "small", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
31
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "Medium compound button", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
32
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "Large compound button", size: "large", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
33
33
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
34
|
-
React.createElement(
|
|
35
|
-
React.createElement(
|
|
36
|
-
React.createElement(
|
|
34
|
+
React.createElement(react_native_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "small", style: styles_1.commonTestStyles.vmargin }, "Content"),
|
|
35
|
+
React.createElement(react_native_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Content"),
|
|
36
|
+
React.createElement(react_native_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "large", style: styles_1.commonTestStyles.vmargin }, "Content")))));
|
|
37
37
|
};
|
|
38
38
|
exports.ButtonSizeTest = ButtonSizeTest;
|
|
39
39
|
//# sourceMappingURL=ButtonSizeTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,10 @@ exports.E2EButtonExperimentalTest = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
6
6
|
var react_native_1 = require("@fluentui/react-native");
|
|
7
|
-
var
|
|
7
|
+
var react_native_2 = require("@fluentui/react-native");
|
|
8
8
|
var stack_1 = require("@fluentui-react-native/stack");
|
|
9
9
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var react_native_3 = require("react-native");
|
|
11
11
|
var styles_1 = require("../Common/styles");
|
|
12
12
|
var consts_1 = require("./consts");
|
|
13
13
|
var E2EButtonExperimentalTest = function () {
|
|
@@ -15,10 +15,10 @@ var E2EButtonExperimentalTest = function () {
|
|
|
15
15
|
var onClick = React.useCallback(function () {
|
|
16
16
|
setButtonPressed(!buttonPressed);
|
|
17
17
|
}, [buttonPressed]);
|
|
18
|
-
return (React.createElement(
|
|
18
|
+
return (React.createElement(react_native_3.View, null,
|
|
19
19
|
React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
20
|
-
React.createElement(
|
|
21
|
-
React.createElement(
|
|
20
|
+
React.createElement(react_native_2.ButtonV1, { testID: consts_1.BUTTON_TEST_COMPONENT, onClick: onClick, accessibilityLabel: consts_1.BUTTON_ACCESSIBILITY_LABEL }, "This is a button for E2E testing"),
|
|
21
|
+
React.createElement(react_native_2.ButtonV1, { testID: consts_1.BUTTON_NO_A11Y_LABEL_COMPONENT, onClick: onClick }, consts_1.BUTTON_TEST_COMPONENT_LABEL),
|
|
22
22
|
buttonPressed ? React.createElement(react_native_1.Text, { testID: consts_1.BUTTON_ON_PRESS }, "Button Pressed") : null)));
|
|
23
23
|
};
|
|
24
24
|
exports.E2EButtonExperimentalTest = E2EButtonExperimentalTest;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAA8C;AAC9C,uDAA4D;AAC5D,sDAAqD;AACrD,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAEX,IAAM,yBAAyB,GAA4B;IAC1D,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAEhE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,uBAAM,IAAC,MAAM,EAAE,8BAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,mCAA0B,uCAE9F;YACT,oBAAC,uBAAM,IAAC,MAAM,EAAE,uCAA8B,EAAE,OAAO,EAAE,OAAO,IAC7D,oCAA2B,CACrB;YACR,aAAa,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,wBAAe,qBAAuB,CAAC,CAAC,CAAC,IAAI,CACtE,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,yBAAyB,6BAoBpC"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ToggleButtonTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var button_1 = require("@fluentui-react-native/button");
|
|
6
5
|
var react_native_1 = require("@fluentui/react-native");
|
|
6
|
+
var react_native_2 = require("@fluentui/react-native");
|
|
7
7
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var react_native_3 = require("react-native");
|
|
9
9
|
var styles_1 = require("../Common/styles");
|
|
10
|
-
var styles =
|
|
10
|
+
var styles = react_native_3.StyleSheet.create({
|
|
11
11
|
row: {
|
|
12
12
|
flexDirection: 'row',
|
|
13
13
|
},
|
|
@@ -20,20 +20,20 @@ var ToggleButtonTest = function () {
|
|
|
20
20
|
var onDefaultClicked = React.useCallback(function () { return setDefaultChecked(!defaultChecked); }, [defaultChecked, setDefaultChecked]);
|
|
21
21
|
var _b = React.useState(false), subtleChecked = _b[0], setSubtleChecked = _b[1];
|
|
22
22
|
var onGhostClicked = React.useCallback(function () { return setSubtleChecked(!subtleChecked); }, [subtleChecked, setSubtleChecked]);
|
|
23
|
-
return (React.createElement(
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement(
|
|
26
|
-
React.createElement(
|
|
27
|
-
React.createElement(
|
|
28
|
-
React.createElement(
|
|
29
|
-
React.createElement(
|
|
30
|
-
React.createElement(
|
|
31
|
-
React.createElement(
|
|
32
|
-
React.createElement(
|
|
33
|
-
React.createElement(
|
|
34
|
-
React.createElement(
|
|
35
|
-
React.createElement(
|
|
36
|
-
React.createElement(
|
|
23
|
+
return (React.createElement(react_native_3.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
24
|
+
React.createElement(react_native_3.View, { style: styles.row },
|
|
25
|
+
React.createElement(react_native_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: styles_1.commonTestStyles.vmargin }, "Default Toggle"),
|
|
26
|
+
React.createElement(react_native_2.Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
|
|
27
|
+
React.createElement(react_native_1.ToggleButton, { checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Default Toggle"),
|
|
28
|
+
React.createElement(react_native_1.ToggleButton, { checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Default Toggle"),
|
|
29
|
+
React.createElement(react_native_1.ToggleButton, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle"),
|
|
30
|
+
React.createElement(react_native_1.ToggleButton, { disabled: true, defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle Disabled"),
|
|
31
|
+
React.createElement(react_native_1.ToggleButton, { defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Unchecked Primary Toggle"),
|
|
32
|
+
React.createElement(react_native_3.View, { style: styles.row },
|
|
33
|
+
React.createElement(react_native_1.ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: styles_1.commonTestStyles.vmargin }, "Subtle Toggle"),
|
|
34
|
+
React.createElement(react_native_2.Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
|
|
35
|
+
React.createElement(react_native_1.ToggleButton, { appearance: "subtle", checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Subtle Toggle"),
|
|
36
|
+
React.createElement(react_native_1.ToggleButton, { appearance: "subtle", checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
|
|
37
37
|
};
|
|
38
38
|
exports.ToggleButtonTest = ToggleButtonTest;
|
|
39
39
|
//# sourceMappingURL=ToggleButtonTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsD;AACtD,uDAAkD;AAClD,wDAA+B;AAC/B,6CAAgD;AAChD,2CAAgE;AAEhE,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEI,IAAM,gBAAgB,GAA4B;IACjD,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,2BAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAElF;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,2BAAY,IAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,2BAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,2BAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnD;QACf,oBAAC,2BAAY,IAAC,QAAQ,QAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sCAE3E;QACf,oBAAC,2BAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAElE;QACf,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,2BAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEnG;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,2BAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,2BAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAElE,CACV,CACR,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,gBAAgB,oBA2C3B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.58.
|
|
3
|
+
"version": "0.58.15",
|
|
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>",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@fluentui-react-native/themed-stylesheet": "^1.3.2",
|
|
51
51
|
"@fluentui-react-native/theming-utils": ">=0.9.1 <1.0.0",
|
|
52
52
|
"@fluentui-react-native/win32-theme": ">=0.14.14 <1.0.0",
|
|
53
|
-
"@fluentui/react-native": ">=0.
|
|
53
|
+
"@fluentui/react-native": ">=0.28.0 <1.0.0",
|
|
54
54
|
"@react-native-community/slider": "^4.2.0",
|
|
55
55
|
"@react-native-menu/menu": "^0.1.2",
|
|
56
56
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
2
2
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
3
3
|
import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Platform, View, StyleSheet } from 'react-native';
|
|
4
4
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button, CompoundButton } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonV1 as Button, CompoundButton } from '@fluentui
|
|
1
|
+
import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
|
|
2
2
|
import { SvgIconProps } from '@fluentui-react-native/icon';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Platform, View } from 'react-native';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
2
2
|
import { Text } from '@fluentui/react-native';
|
|
3
|
-
import { ButtonV1 as Button } from '@fluentui
|
|
3
|
+
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
4
4
|
import { Stack } from '@fluentui-react-native/stack';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { View } from 'react-native';
|