@fluentui-react-native/tester 0.93.2 → 0.93.3
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 +40 -1
- package/CHANGELOG.md +14 -2
- package/lib/TestComponents/Common/MenuPicker.d.ts +3 -3
- package/lib/TestComponents/Common/MenuPicker.d.ts.map +1 -1
- package/lib/TestComponents/Common/styles.d.ts +1 -1
- package/lib/TestComponents/Common/styles.js +1 -1
- package/lib/TestComponents/Common/styles.js.map +1 -1
- package/lib/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib/TestComponents/FocusZone/FocusZoneTest.js +79 -108
- package/lib/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib/TestComponents/FocusZone/styles.d.ts +19 -6
- package/lib/TestComponents/FocusZone/styles.d.ts.map +1 -1
- package/lib/TestComponents/FocusZone/styles.js +22 -11
- package/lib/TestComponents/FocusZone/styles.js.map +1 -1
- package/lib-commonjs/TestComponents/Common/MenuPicker.d.ts +3 -3
- package/lib-commonjs/TestComponents/Common/MenuPicker.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Common/styles.d.ts +1 -1
- package/lib-commonjs/TestComponents/Common/styles.js +1 -1
- package/lib-commonjs/TestComponents/Common/styles.js.map +1 -1
- package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.js +76 -105
- package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib-commonjs/TestComponents/FocusZone/styles.d.ts +19 -6
- package/lib-commonjs/TestComponents/FocusZone/styles.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/FocusZone/styles.js +23 -12
- package/lib-commonjs/TestComponents/FocusZone/styles.js.map +1 -1
- package/macos/Podfile.lock +223 -223
- package/package.json +5 -5
- package/src/TestComponents/Common/MenuPicker.desktop.tsx +2 -2
- package/src/TestComponents/Common/MenuPicker.tsx +3 -3
- package/src/TestComponents/Common/MenuPicker.windows.tsx +2 -2
- package/src/TestComponents/Common/styles.ts +1 -1
- package/src/TestComponents/FocusZone/FocusZoneTest.tsx +113 -168
- package/src/TestComponents/FocusZone/styles.ts +22 -13
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,46 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri, 09 Sep 2022
|
|
5
|
+
"date": "Fri, 09 Sep 2022 21:52:53 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.93.3",
|
|
7
|
+
"version": "0.93.3",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sanajmi@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "09fde8faaa74ec81fe262fa43a82211197862854",
|
|
14
|
+
"comment": "(macOS) Fix bug when FocusZone wraps a ScrollView"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.24",
|
|
20
|
+
"commit": "09fde8faaa74ec81fe262fa43a82211197862854"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.5.12",
|
|
26
|
+
"commit": "09fde8faaa74ec81fe262fa43a82211197862854"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/experimental-radio-group to v0.2.4",
|
|
32
|
+
"commit": "09fde8faaa74ec81fe262fa43a82211197862854"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui/react-native to v0.32.13",
|
|
38
|
+
"commit": "09fde8faaa74ec81fe262fa43a82211197862854"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Fri, 09 Sep 2022 19:48:05 GMT",
|
|
6
45
|
"tag": "@fluentui-react-native/tester_v0.93.2",
|
|
7
46
|
"version": "0.93.2",
|
|
8
47
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri, 09 Sep 2022
|
|
3
|
+
This log was last generated on Fri, 09 Sep 2022 21:52:53 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.93.3
|
|
8
|
+
|
|
9
|
+
Fri, 09 Sep 2022 21:52:53 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- (macOS) Fix bug when FocusZone wraps a ScrollView (sanajmi@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.4.24
|
|
15
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.5.12
|
|
16
|
+
- Bump @fluentui-react-native/experimental-radio-group to v0.2.4
|
|
17
|
+
- Bump @fluentui/react-native to v0.32.13
|
|
18
|
+
|
|
7
19
|
## 0.93.2
|
|
8
20
|
|
|
9
|
-
Fri, 09 Sep 2022 19:
|
|
21
|
+
Fri, 09 Sep 2022 19:48:05 GMT
|
|
10
22
|
|
|
11
23
|
### Patches
|
|
12
24
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface CollectionItem<T = string> {
|
|
3
3
|
label: string;
|
|
4
|
-
value?:
|
|
4
|
+
value?: T;
|
|
5
5
|
}
|
|
6
6
|
export interface MenuPickerProps {
|
|
7
7
|
prompt?: string;
|
|
8
8
|
selected?: string;
|
|
9
9
|
onChange?: (value: any, index?: number) => void;
|
|
10
|
-
collection?:
|
|
10
|
+
collection?: CollectionItem[];
|
|
11
11
|
style?: any;
|
|
12
12
|
}
|
|
13
13
|
export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc;
|
|
1
|
+
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAsB/D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IAChD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAUjC,CAAC"}
|
|
@@ -1,60 +1,59 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { View, Switch } from 'react-native';
|
|
4
|
-
import { FocusZone, Text
|
|
3
|
+
import { View, Switch, ScrollView } from 'react-native';
|
|
4
|
+
import { FocusZone, Text } from '@fluentui/react-native';
|
|
5
5
|
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
6
|
+
import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
|
|
6
7
|
import { Test } from '../Test';
|
|
7
8
|
import { FOCUSZONE_TESTPAGE } from './consts';
|
|
8
|
-
import { focusZoneTestStyles, GridButton,
|
|
9
|
+
import { focusZoneTestStyles, GridButton, SubheaderText } from './styles';
|
|
9
10
|
import { commonTestStyles } from '../Common/styles';
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
import { MenuPicker } from '../Common/MenuPicker';
|
|
12
|
+
var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
13
|
+
var directionCollection = FocusZoneDirections.map(function (x) { return ({
|
|
14
|
+
label: x,
|
|
15
|
+
value: x,
|
|
16
|
+
}); });
|
|
17
|
+
var Checkboxes = function (props) {
|
|
18
|
+
return (React.createElement(View, { style: focusZoneTestStyles.dashedBorder },
|
|
19
|
+
React.createElement(Checkbox, __assign({ label: "Option A" }, props)),
|
|
20
|
+
React.createElement(Checkbox, __assign({ label: "Option B" }, props)),
|
|
21
|
+
React.createElement(Checkbox, __assign({ label: "Option C" }, props))));
|
|
17
22
|
};
|
|
18
|
-
var
|
|
19
|
-
return (React.createElement(
|
|
20
|
-
React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
var FocusZoneInsideScrollView = function () {
|
|
24
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
25
|
+
React.createElement(FocusZone, { focusZoneDirection: "bidirectional" },
|
|
26
|
+
React.createElement(View, { style: focusZoneTestStyles.dashedBorder },
|
|
27
|
+
React.createElement(Button, { style: focusZoneTestStyles.listWrapperButton }, "Inside Focus Zone"),
|
|
28
|
+
React.createElement(ScrollView, { focusable: false, style: focusZoneTestStyles.scrollViewStyle, contentContainerStyle: focusZoneTestStyles.scrollViewContentStyle, showsVerticalScrollIndicator: true },
|
|
29
|
+
React.createElement(Button, { style: focusZoneTestStyles.scrollViewButton }, "1"),
|
|
30
|
+
React.createElement(Button, { style: focusZoneTestStyles.scrollViewButton }, "2"),
|
|
31
|
+
React.createElement(Button, { style: focusZoneTestStyles.scrollViewButton }, "3"))))));
|
|
32
|
+
};
|
|
33
|
+
var FocusZoneNoFocusableElements = function () {
|
|
34
|
+
return (React.createElement(FocusZone, null,
|
|
35
|
+
React.createElement(Checkboxes, { disabled: true })));
|
|
36
|
+
};
|
|
37
|
+
var FocusZoneNoProps = function () {
|
|
38
|
+
return (React.createElement(FocusZone, null,
|
|
39
|
+
React.createElement(Checkboxes, null)));
|
|
23
40
|
};
|
|
24
|
-
var
|
|
25
|
-
return (React.createElement(
|
|
26
|
-
React.createElement(
|
|
27
|
-
React.createElement(
|
|
28
|
-
React.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
React.createElement(ListOfCheckboxes, null)),
|
|
32
|
-
React.createElement(FocusZone, null,
|
|
33
|
-
React.createElement(SubheaderText, null, "FocusZone with no elements")),
|
|
34
|
-
React.createElement(SubheaderText, null, "Nested FocusZones"),
|
|
35
|
-
React.createElement(Button, null, "Outside Focus Zone"),
|
|
36
|
-
React.createElement(Text, null, "Parent FocusZone, vertical"),
|
|
37
|
-
React.createElement(View, { style: focusZoneTestStyles.nestedFocusZoneStyle },
|
|
38
|
-
React.createElement(FocusZone, { focusZoneDirection: "vertical" },
|
|
39
|
-
React.createElement(Text, null, "Inner FocusZone 1, horizontal"),
|
|
40
|
-
React.createElement(View, { style: focusZoneTestStyles.nestedFocusZoneStyle },
|
|
41
|
+
var NestedFocusZone = function () {
|
|
42
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
43
|
+
React.createElement(React.Fragment, null,
|
|
44
|
+
React.createElement(Text, null, "Parent FocusZone, vertical"),
|
|
45
|
+
React.createElement(View, { style: focusZoneTestStyles.nestedFocusZoneStyle },
|
|
46
|
+
React.createElement(FocusZone, { focusZoneDirection: "vertical" },
|
|
47
|
+
React.createElement(Text, null, "Inner FocusZone 1, horizontal"),
|
|
41
48
|
React.createElement(FocusZone, { focusZoneDirection: "horizontal" },
|
|
42
|
-
React.createElement(
|
|
43
|
-
|
|
44
|
-
gridHeight: 1,
|
|
45
|
-
})))),
|
|
46
|
-
React.createElement(Text, null, "Inner FocusZone 2, horizontal"),
|
|
47
|
-
React.createElement(View, { style: focusZoneTestStyles.nestedFocusZoneStyle },
|
|
49
|
+
React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
|
|
50
|
+
React.createElement(Text, null, "Inner FocusZone 2, horizontal"),
|
|
48
51
|
React.createElement(FocusZone, { focusZoneDirection: "horizontal" },
|
|
49
|
-
React.createElement(
|
|
50
|
-
|
|
51
|
-
gridHeight: 1,
|
|
52
|
-
})))),
|
|
53
|
-
React.createElement(Button, null, "Inside Focus Zone"))),
|
|
54
|
-
React.createElement(Button, null, "Outside Focus Zone")));
|
|
52
|
+
React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
|
|
53
|
+
React.createElement(Button, null, "Inside Focus Zone"))))));
|
|
55
54
|
};
|
|
56
55
|
var FocusZoneListWrapper = function (props) {
|
|
57
|
-
var buttonProps = { children: 'Click to Focus', style:
|
|
56
|
+
var buttonProps = { children: 'Click to Focus', style: focusZoneTestStyles.listWrapperButton };
|
|
58
57
|
return (React.createElement(React.Fragment, null,
|
|
59
58
|
React.createElement(Button, __assign({}, buttonProps)),
|
|
60
59
|
React.Children.map(props.children, function (child) {
|
|
@@ -63,109 +62,81 @@ var FocusZoneListWrapper = function (props) {
|
|
|
63
62
|
React.createElement(Button, __assign({}, buttonProps))));
|
|
64
63
|
})));
|
|
65
64
|
};
|
|
66
|
-
var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
67
65
|
var DirectionalFocusZone = function () {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
React.createElement(SubheaderText, null,
|
|
74
|
-
"FocusZone with arrow key navigation: ",
|
|
75
|
-
direction),
|
|
76
|
-
React.createElement(ListOfCheckboxes, null))); })));
|
|
66
|
+
var _a = React.useState('none'), direction = _a[0], setDirection = _a[1];
|
|
67
|
+
return (React.createElement(React.Fragment, null,
|
|
68
|
+
React.createElement(MenuPicker, { prompt: "Direction", selected: direction, onChange: setDirection, collection: directionCollection }),
|
|
69
|
+
React.createElement(FocusZone, { focusZoneDirection: direction },
|
|
70
|
+
React.createElement(Checkboxes, null))));
|
|
77
71
|
};
|
|
78
72
|
var CommonUsageFocusZone = function () {
|
|
79
73
|
return (React.createElement(FocusZoneListWrapper, null,
|
|
80
74
|
React.createElement(FocusZone, { isCircularNavigation: true },
|
|
81
75
|
React.createElement(SubheaderText, null, "FocusZone with Circular Navigation"),
|
|
82
|
-
React.createElement(
|
|
76
|
+
React.createElement(Checkboxes, null)),
|
|
83
77
|
React.createElement(FocusZone, { disabled: true },
|
|
84
78
|
React.createElement(SubheaderText, null, "Disabled FocusZone"),
|
|
85
|
-
React.createElement(
|
|
79
|
+
React.createElement(Checkboxes, null))));
|
|
86
80
|
};
|
|
87
81
|
var GridOfButtons = function (props) {
|
|
88
|
-
return (React.createElement(
|
|
82
|
+
return (React.createElement(View, { style: focusZoneTestStyles.dashedBorder }, __spreadArray([], Array(props.gridHeight), true).map(function (_value, heightIndex) {
|
|
89
83
|
return (React.createElement(View, { key: heightIndex, style: focusZoneTestStyles.focusZoneViewStyle }, __spreadArray([], Array(props.gridWidth), true).map(function (_value, widthIndex) {
|
|
90
|
-
var _a;
|
|
91
84
|
var gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
|
|
92
|
-
return (React.createElement(GridButton, { key: widthIndex, style: focusZoneTestStyles.focusZoneButton
|
|
93
|
-
var _a;
|
|
94
|
-
(_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, gridIndex);
|
|
95
|
-
} },
|
|
85
|
+
return (React.createElement(GridButton, { key: widthIndex, style: focusZoneTestStyles.focusZoneButton },
|
|
96
86
|
React.createElement(Text, null, gridIndex)));
|
|
97
87
|
})));
|
|
98
88
|
})));
|
|
99
89
|
};
|
|
100
|
-
var Navigation2DFocusZone = function () {
|
|
101
|
-
var _a = React.useState(5), defaultTabbableElementIndex = _a[0], setDefaultTabbableElementIndex = _a[1];
|
|
102
|
-
var gridWidth = 3, gridHeight = 4;
|
|
103
|
-
var refMemo = React.useMemo(function () {
|
|
104
|
-
return Array(gridWidth * gridHeight)
|
|
105
|
-
.fill(null)
|
|
106
|
-
.map(function () { return React.createRef(); });
|
|
107
|
-
}, [gridWidth, gridHeight]);
|
|
108
|
-
var buttonRefs = React.useRef(refMemo);
|
|
109
|
-
var defaultTextNote = 'The defaultTabbableElement is ' + defaultTabbableElementIndex;
|
|
110
|
-
return (React.createElement(React.Fragment, null,
|
|
111
|
-
React.createElement(Text, null, defaultTextNote),
|
|
112
|
-
React.createElement(Button, { onClick: function () { return setDefaultTabbableElementIndex(null); }, style: { marginTop: 10 } }, "Clear defaultTabbableElement"),
|
|
113
|
-
React.createElement(FocusZoneListWrapper, null,
|
|
114
|
-
React.createElement(FocusZone, { use2DNavigation: true, defaultTabbableElement: defaultTabbableElementIndex ? buttonRefs.current[defaultTabbableElementIndex] : undefined, isCircularNavigation: true },
|
|
115
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer }, GridOfButtons({
|
|
116
|
-
gridWidth: 3,
|
|
117
|
-
gridHeight: 4,
|
|
118
|
-
buttonRefs: buttonRefs.current,
|
|
119
|
-
onClick: function (index) { return setDefaultTabbableElementIndex(index); },
|
|
120
|
-
}))))));
|
|
121
|
-
};
|
|
122
90
|
function SwitchWithLabel(props) {
|
|
123
91
|
var label = props.label, value = props.value, onValueChange = props.onValueChange;
|
|
124
92
|
return (React.createElement(View, { style: commonTestStyles.switch },
|
|
125
93
|
React.createElement(Text, null, label),
|
|
126
94
|
React.createElement(Switch, { value: value, onValueChange: onValueChange })));
|
|
127
95
|
}
|
|
128
|
-
var
|
|
96
|
+
var FocusZone2D = function () {
|
|
129
97
|
var _a = React.useState(false), is2DNav = _a[0], set2dNav = _a[1];
|
|
130
98
|
var _b = React.useState(false), isDisabled = _b[0], setDisabled = _b[1];
|
|
131
99
|
var _c = React.useState(false), isCircularNav = _c[0], setIsCircularNav = _c[1];
|
|
132
|
-
var _d = React.useState('bidirectional'),
|
|
133
|
-
var menuItems = FocusZoneDirections.map(function (direction) { return ({ itemKey: direction, text: direction }); });
|
|
100
|
+
var _d = React.useState('bidirectional'), direction = _d[0], setDirection = _d[1];
|
|
134
101
|
return (React.createElement(View, { style: commonTestStyles.root },
|
|
135
|
-
React.createElement(
|
|
136
|
-
React.createElement(
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
} })),
|
|
144
|
-
React.createElement(FocusZoneListWrapper, null,
|
|
145
|
-
React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: focusZoneDirection, isCircularNavigation: isCircularNav },
|
|
146
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer }, GridOfButtons({ gridWidth: 3, gridHeight: 3 })))))));
|
|
102
|
+
React.createElement(View, { style: commonTestStyles.settings },
|
|
103
|
+
React.createElement(SwitchWithLabel, { label: "2D Navigation", value: is2DNav, onValueChange: set2dNav }),
|
|
104
|
+
React.createElement(SwitchWithLabel, { label: "Disabled", value: isDisabled, onValueChange: setDisabled }),
|
|
105
|
+
React.createElement(SwitchWithLabel, { label: "Circular Navigation", value: isCircularNav, onValueChange: setIsCircularNav }),
|
|
106
|
+
React.createElement(MenuPicker, { prompt: "Direction", selected: direction, onChange: setDirection, collection: directionCollection })),
|
|
107
|
+
React.createElement(FocusZoneListWrapper, null,
|
|
108
|
+
React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: direction, isCircularNavigation: isCircularNav },
|
|
109
|
+
React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 3 })))));
|
|
147
110
|
};
|
|
148
111
|
var focusZoneSections = [
|
|
112
|
+
{
|
|
113
|
+
name: 'Common FocusZone Usage',
|
|
114
|
+
component: CommonUsageFocusZone,
|
|
115
|
+
},
|
|
149
116
|
{
|
|
150
117
|
name: 'Directional FocusZone Usage',
|
|
151
118
|
testID: FOCUSZONE_TESTPAGE,
|
|
152
119
|
component: DirectionalFocusZone,
|
|
153
120
|
},
|
|
154
121
|
{
|
|
155
|
-
name: '
|
|
156
|
-
component:
|
|
122
|
+
name: '2D Navigation',
|
|
123
|
+
component: FocusZone2D,
|
|
157
124
|
},
|
|
158
125
|
{
|
|
159
|
-
name: '
|
|
160
|
-
component:
|
|
126
|
+
name: 'ScrollView inside FocusZone',
|
|
127
|
+
component: FocusZoneInsideScrollView,
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
name: 'FocusZone with no focusable components',
|
|
131
|
+
component: FocusZoneNoFocusableElements,
|
|
161
132
|
},
|
|
162
133
|
{
|
|
163
|
-
name: '
|
|
164
|
-
component:
|
|
134
|
+
name: 'FocusZone with no props',
|
|
135
|
+
component: FocusZoneNoProps,
|
|
165
136
|
},
|
|
166
137
|
{
|
|
167
|
-
name: 'FocusZone
|
|
168
|
-
component:
|
|
138
|
+
name: 'Nested FocusZone',
|
|
139
|
+
component: NestedFocusZone,
|
|
169
140
|
},
|
|
170
141
|
];
|
|
171
142
|
export var FocusZoneTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import { IStackProps } from '@fluentui-react-native/stack';
|
|
2
1
|
export declare const focusZoneTestStyles: {
|
|
3
2
|
focusZoneViewStyle: {
|
|
4
3
|
flexDirection: "row";
|
|
5
4
|
alignContent: "flex-start";
|
|
6
5
|
alignItems: "flex-start";
|
|
7
|
-
};
|
|
8
|
-
focusZoneContainer: {
|
|
9
|
-
flexDirection: "column";
|
|
10
|
-
justifyContent: "space-evenly";
|
|
11
6
|
padding: number;
|
|
12
7
|
};
|
|
13
8
|
nestedFocusZoneStyle: {
|
|
@@ -18,11 +13,29 @@ export declare const focusZoneTestStyles: {
|
|
|
18
13
|
focusZoneButton: {
|
|
19
14
|
height: number;
|
|
20
15
|
width: number;
|
|
16
|
+
margin: number;
|
|
17
|
+
};
|
|
18
|
+
listWrapperButton: {
|
|
19
|
+
marginVertical: number;
|
|
20
|
+
};
|
|
21
|
+
dashedBorder: {
|
|
22
|
+
borderWidth: number;
|
|
23
|
+
borderStyle: "dashed";
|
|
24
|
+
};
|
|
25
|
+
scrollViewStyle: {
|
|
26
|
+
height: number;
|
|
27
|
+
width: number;
|
|
28
|
+
};
|
|
29
|
+
scrollViewContentStyle: {
|
|
30
|
+
backgroundColor: string;
|
|
31
|
+
};
|
|
32
|
+
scrollViewButton: {
|
|
33
|
+
marginHorizontal: number;
|
|
34
|
+
marginBottom: number;
|
|
21
35
|
};
|
|
22
36
|
};
|
|
23
37
|
export declare const GridButton: import("@fluentui-react-native/composition").ComposeFactoryComponent<import("@fluentui/react-native").ButtonProps, import("@fluentui/react-native").ButtonSlotProps, import("@fluentui/react-native").ButtonTokens, import("@fluentui-react-native/theme-types").Theme, object>;
|
|
24
38
|
export declare const SubheaderText: import("@uifabricshared/foundation-compose").IComposeReturnType<import("@fluentui/react-native").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
|
|
25
39
|
root: import("@fluentui-react-native/adapters").ITextProps;
|
|
26
40
|
}, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
|
|
27
|
-
export declare const stackStyleFocusZone: IStackProps['style'];
|
|
28
41
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;yQAGxB,CAAC"}
|
|
@@ -7,11 +7,7 @@ export var focusZoneTestStyles = StyleSheet.create({
|
|
|
7
7
|
flexDirection: 'row',
|
|
8
8
|
alignContent: 'flex-start',
|
|
9
9
|
alignItems: 'flex-start',
|
|
10
|
-
|
|
11
|
-
focusZoneContainer: {
|
|
12
|
-
flexDirection: 'column',
|
|
13
|
-
justifyContent: 'space-evenly',
|
|
14
|
-
padding: 4,
|
|
10
|
+
padding: 10,
|
|
15
11
|
},
|
|
16
12
|
nestedFocusZoneStyle: {
|
|
17
13
|
borderWidth: 1,
|
|
@@ -19,8 +15,27 @@ export var focusZoneTestStyles = StyleSheet.create({
|
|
|
19
15
|
margin: 8,
|
|
20
16
|
},
|
|
21
17
|
focusZoneButton: {
|
|
22
|
-
height:
|
|
23
|
-
width:
|
|
18
|
+
height: 30,
|
|
19
|
+
width: 100,
|
|
20
|
+
margin: 10,
|
|
21
|
+
},
|
|
22
|
+
listWrapperButton: {
|
|
23
|
+
marginVertical: 10,
|
|
24
|
+
},
|
|
25
|
+
dashedBorder: {
|
|
26
|
+
borderWidth: 1,
|
|
27
|
+
borderStyle: 'dashed',
|
|
28
|
+
},
|
|
29
|
+
scrollViewStyle: {
|
|
30
|
+
height: 100,
|
|
31
|
+
width: 300,
|
|
32
|
+
},
|
|
33
|
+
scrollViewContentStyle: {
|
|
34
|
+
backgroundColor: 'grey',
|
|
35
|
+
},
|
|
36
|
+
scrollViewButton: {
|
|
37
|
+
marginHorizontal: 20,
|
|
38
|
+
marginBottom: 100,
|
|
24
39
|
},
|
|
25
40
|
});
|
|
26
41
|
export var GridButton = Button.compose({
|
|
@@ -39,8 +54,4 @@ export var SubheaderText = Text.customize({
|
|
|
39
54
|
tokens: { variant: 'subheaderSemibold' },
|
|
40
55
|
root: { style: { textDecorationLine: 'underline' } },
|
|
41
56
|
});
|
|
42
|
-
export var stackStyleFocusZone = {
|
|
43
|
-
flexDirection: 'column',
|
|
44
|
-
marginBottom: 40,
|
|
45
|
-
};
|
|
46
57
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,CAAC;IACnD,kBAAkB,EAAE;QAClB,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,oBAAoB,EAAE;QACpB,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;KACV;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;KACX;IACD,iBAAiB,EAAE;QACjB,cAAc,EAAE,EAAE;KACnB;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,QAAQ;KACtB;IACD,eAAe,EAAE;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;KACX;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;KACxB;IACD,gBAAgB,EAAE;QAChB,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,GAAG;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;SAC1E;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;IACxC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE;CACrD,CAAC,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface
|
|
2
|
+
export interface CollectionItem<T = string> {
|
|
3
3
|
label: string;
|
|
4
|
-
value?:
|
|
4
|
+
value?: T;
|
|
5
5
|
}
|
|
6
6
|
export interface MenuPickerProps {
|
|
7
7
|
prompt?: string;
|
|
8
8
|
selected?: string;
|
|
9
9
|
onChange?: (value: any, index?: number) => void;
|
|
10
|
-
collection?:
|
|
10
|
+
collection?: CollectionItem[];
|
|
11
11
|
style?: any;
|
|
12
12
|
}
|
|
13
13
|
export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc;
|
|
1
|
+
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAsB/D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAG7B,QAAA,gBAAgB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAUjC,CAAC"}
|