@fluentui-react-native/tester 0.59.1 → 0.59.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 +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.js +80 -121
- package/lib/FluentTester/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/styles.d.ts +4 -6
- package/lib/FluentTester/TestComponents/FocusZone/styles.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/FocusZone/styles.js +19 -6
- package/lib/FluentTester/TestComponents/FocusZone/styles.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.js +76 -118
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.d.ts +4 -6
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.js +19 -6
- package/lib-commonjs/FluentTester/TestComponents/FocusZone/styles.js.map +1 -1
- package/package.json +1 -1
- package/src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx +141 -162
- package/src/FluentTester/TestComponents/FocusZone/styles.ts +21 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Mon, 04 Apr 2022
|
|
5
|
+
"date": "Mon, 04 Apr 2022 23:40:38 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.59.2",
|
|
7
|
+
"version": "0.59.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "patboyd@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "40fcd13b0557e64d206a5ad29f705ff2d47c1f5f",
|
|
14
|
+
"comment": "Factor duplicate code and remove dependencies on deprecated components"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Mon, 04 Apr 2022 18:41:35 GMT",
|
|
6
21
|
"tag": "@fluentui-react-native/tester_v0.59.1",
|
|
7
22
|
"version": "0.59.1",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Mon, 04 Apr 2022
|
|
3
|
+
This log was last generated on Mon, 04 Apr 2022 23:40:38 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.59.2
|
|
8
|
+
|
|
9
|
+
Mon, 04 Apr 2022 23:40:38 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Factor duplicate code and remove dependencies on deprecated components (patboyd@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.59.1
|
|
8
16
|
|
|
9
|
-
Mon, 04 Apr 2022 18:41:
|
|
17
|
+
Mon, 04 Apr 2022 18:41:35 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAUjC,CAAC"}
|
|
@@ -1,99 +1,86 @@
|
|
|
1
|
+
import { __assign, __spreadArray } from "tslib";
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
import { View,
|
|
3
|
-
import { FocusZone,
|
|
3
|
+
import { View, Switch } from 'react-native';
|
|
4
|
+
import { FocusZone, Text, Checkbox } from '@fluentui/react-native';
|
|
5
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
4
6
|
import { Test } from '../Test';
|
|
5
7
|
import { FOCUSZONE_TESTPAGE } from './consts';
|
|
6
|
-
import { focusZoneTestStyles, stackStyleFocusZone } from './styles';
|
|
8
|
+
import { focusZoneTestStyles, GridButton, stackStyleFocusZone, SubheaderText } from './styles';
|
|
7
9
|
import { commonTestStyles } from '../Common/styles';
|
|
8
10
|
import { Stack } from '@fluentui-react-native/stack';
|
|
11
|
+
import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
|
|
12
|
+
var ListOfCheckboxes = function () {
|
|
13
|
+
return (React.createElement(React.Fragment, null,
|
|
14
|
+
React.createElement(Checkbox, { label: "Option A" }),
|
|
15
|
+
React.createElement(Checkbox, { label: "Option B" }),
|
|
16
|
+
React.createElement(Checkbox, { label: "Option C" }),
|
|
17
|
+
React.createElement(Checkbox, { label: "Option D" })));
|
|
18
|
+
};
|
|
19
|
+
var FocusZoneListWrapper = function (props) {
|
|
20
|
+
var buttonProps = { children: 'Click to Focus', style: { marginVertical: 10 } };
|
|
21
|
+
return (React.createElement(React.Fragment, null,
|
|
22
|
+
React.createElement(Button, __assign({}, buttonProps)),
|
|
23
|
+
React.Children.map(props.children, function (child) {
|
|
24
|
+
return (React.createElement(React.Fragment, null,
|
|
25
|
+
child,
|
|
26
|
+
React.createElement(Button, __assign({}, buttonProps))));
|
|
27
|
+
})));
|
|
28
|
+
};
|
|
29
|
+
var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
9
30
|
var DirectionalFocusZone = function () {
|
|
10
|
-
return (React.createElement(
|
|
11
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
12
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Bidirectional arrow key navigation"),
|
|
13
|
-
React.createElement(FocusZone, { focusZoneDirection: "bidirectional" },
|
|
14
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
15
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
16
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
17
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
18
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
19
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Vertical arrow key navigation"),
|
|
20
|
-
React.createElement(FocusZone, { focusZoneDirection: "vertical" },
|
|
21
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
22
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
23
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
24
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
25
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
26
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Horizontal arrow key navigation"),
|
|
27
|
-
React.createElement(FocusZone, { focusZoneDirection: "horizontal" },
|
|
28
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
29
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
30
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
31
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
32
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
33
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with No arrow key navigation"),
|
|
34
|
-
React.createElement(FocusZone, { focusZoneDirection: "none" },
|
|
35
|
-
React.createElement(Checkbox, { label: "Option A" }),
|
|
36
|
-
React.createElement(Checkbox, { label: "Option B" }),
|
|
37
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
38
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
39
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
40
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with no props set"),
|
|
31
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
41
32
|
React.createElement(FocusZone, null,
|
|
42
|
-
React.createElement(
|
|
43
|
-
React.createElement(
|
|
44
|
-
|
|
45
|
-
React.createElement(
|
|
46
|
-
|
|
33
|
+
React.createElement(SubheaderText, null, "FocusZone with no props set"),
|
|
34
|
+
React.createElement(ListOfCheckboxes, null)),
|
|
35
|
+
FocusZoneDirections.map(function (direction, index) { return (React.createElement(FocusZone, { key: index, focusZoneDirection: direction },
|
|
36
|
+
React.createElement(SubheaderText, null,
|
|
37
|
+
"FocusZone with arrow key navigation: ",
|
|
38
|
+
direction),
|
|
39
|
+
React.createElement(ListOfCheckboxes, null))); })));
|
|
47
40
|
};
|
|
48
41
|
var CommonUsageFocusZone = function () {
|
|
49
|
-
return (React.createElement(
|
|
50
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
51
|
-
React.createElement(Text, { variant: "headerSemibold" }, "FocusZone with Circular Navigation"),
|
|
42
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
52
43
|
React.createElement(FocusZone, { isCircularNavigation: true },
|
|
53
|
-
React.createElement(
|
|
54
|
-
React.createElement(
|
|
55
|
-
React.createElement(Checkbox, { label: "Option C" }),
|
|
56
|
-
React.createElement(Checkbox, { label: "Option D" })),
|
|
57
|
-
React.createElement(Button, { content: "Outside FocusZone" }),
|
|
58
|
-
React.createElement(Text, { variant: "headerSemibold" }, "Disabled FocusZone"),
|
|
44
|
+
React.createElement(SubheaderText, null, "FocusZone with Circular Navigation"),
|
|
45
|
+
React.createElement(ListOfCheckboxes, null)),
|
|
59
46
|
React.createElement(FocusZone, { disabled: true },
|
|
60
|
-
React.createElement(
|
|
61
|
-
React.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
47
|
+
React.createElement(SubheaderText, null, "Disabled FocusZone"),
|
|
48
|
+
React.createElement(ListOfCheckboxes, null))));
|
|
49
|
+
};
|
|
50
|
+
var GridOfButtons = function (props) {
|
|
51
|
+
return (React.createElement(React.Fragment, null, __spreadArray([], Array(props.gridHeight), true).map(function (_value, heightIndex) {
|
|
52
|
+
return (React.createElement(View, { key: heightIndex, style: focusZoneTestStyles.focusZoneViewStyle }, __spreadArray([], Array(props.gridWidth), true).map(function (_value, widthIndex) {
|
|
53
|
+
var _a;
|
|
54
|
+
var gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
|
|
55
|
+
return (React.createElement(GridButton, { key: widthIndex, style: focusZoneTestStyles.focusZoneButton, componentRef: (_a = props === null || props === void 0 ? void 0 : props.buttonRefs) === null || _a === void 0 ? void 0 : _a[gridIndex], onClick: function () {
|
|
56
|
+
var _a;
|
|
57
|
+
(_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, gridIndex);
|
|
58
|
+
} },
|
|
59
|
+
React.createElement(Text, null, gridIndex)));
|
|
60
|
+
})));
|
|
61
|
+
})));
|
|
65
62
|
};
|
|
66
63
|
var Navigation2DFocusZone = function () {
|
|
67
|
-
var buttonRefs = [];
|
|
68
64
|
var _a = React.useState(5), defaultTabbableElementIndex = _a[0], setDefaultTabbableElementIndex = _a[1];
|
|
69
|
-
var
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
return (React.createElement(
|
|
78
|
-
React.createElement(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement(Button, { content: "#4", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[4], onClick: function () { return onClick(4); } }),
|
|
89
|
-
React.createElement(Button, { content: "#5", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[5], onClick: function () { return onClick(5); } }),
|
|
90
|
-
React.createElement(Button, { content: "#6", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[6], onClick: function () { return onClick(6); } })),
|
|
91
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
92
|
-
React.createElement(Button, { content: "#7", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[7], onClick: function () { return onClick(7); } }),
|
|
93
|
-
React.createElement(Button, { content: "#8", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[8], onClick: function () { return onClick(8); } }),
|
|
94
|
-
React.createElement(Button, { content: "#9", style: focusZoneTestStyles.focusZoneButton, componentRef: buttonRefs[9], onClick: function () { return onClick(9); } })))),
|
|
95
|
-
React.createElement(View, null,
|
|
96
|
-
React.createElement(Button, { content: "Outside FocusZone" }))));
|
|
65
|
+
var gridWidth = 3, gridHeight = 4;
|
|
66
|
+
var refMemo = React.useMemo(function () {
|
|
67
|
+
return Array(gridWidth * gridHeight)
|
|
68
|
+
.fill(null)
|
|
69
|
+
.map(function () { return React.createRef(); });
|
|
70
|
+
}, [gridWidth, gridHeight]);
|
|
71
|
+
var buttonRefs = React.useRef(refMemo);
|
|
72
|
+
var defaultTextNote = 'The defaultTabbableElement is ' + defaultTabbableElementIndex;
|
|
73
|
+
return (React.createElement(React.Fragment, null,
|
|
74
|
+
React.createElement(Text, null, defaultTextNote),
|
|
75
|
+
React.createElement(Button, { onClick: function () { return setDefaultTabbableElementIndex(null); }, style: { marginTop: 10 } }, "Clear defaultTabbableElement"),
|
|
76
|
+
React.createElement(FocusZoneListWrapper, null,
|
|
77
|
+
React.createElement(FocusZone, { use2DNavigation: true, defaultTabbableElement: defaultTabbableElementIndex ? buttonRefs.current[defaultTabbableElementIndex] : undefined, isCircularNavigation: true },
|
|
78
|
+
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer }, GridOfButtons({
|
|
79
|
+
gridWidth: 3,
|
|
80
|
+
gridHeight: 4,
|
|
81
|
+
buttonRefs: buttonRefs.current,
|
|
82
|
+
onClick: function (index) { return setDefaultTabbableElementIndex(index); },
|
|
83
|
+
}))))));
|
|
97
84
|
};
|
|
98
85
|
function SwitchWithLabel(props) {
|
|
99
86
|
var label = props.label, value = props.value, onValueChange = props.onValueChange;
|
|
@@ -101,52 +88,25 @@ function SwitchWithLabel(props) {
|
|
|
101
88
|
React.createElement(Text, null, label),
|
|
102
89
|
React.createElement(Switch, { value: value, onValueChange: onValueChange })));
|
|
103
90
|
}
|
|
104
|
-
var focusZoneDirectionStrings = ['Bidirectional', 'Horizontal', 'Vertical', 'None'];
|
|
105
91
|
var CustomizableFocusZone = function () {
|
|
106
92
|
var _a = React.useState(false), is2DNav = _a[0], set2dNav = _a[1];
|
|
107
93
|
var _b = React.useState(false), isDisabled = _b[0], setDisabled = _b[1];
|
|
108
94
|
var _c = React.useState(false), isCircularNav = _c[0], setIsCircularNav = _c[1];
|
|
109
|
-
var _d = React.useState('bidirectional'),
|
|
95
|
+
var _d = React.useState('bidirectional'), focusZoneDirection = _d[0], setFocusZoneDirection = _d[1];
|
|
96
|
+
var menuItems = FocusZoneDirections.map(function (direction) { return ({ itemKey: direction, text: direction }); });
|
|
110
97
|
return (React.createElement(View, { style: commonTestStyles.root },
|
|
111
98
|
React.createElement(Stack, { style: stackStyleFocusZone },
|
|
112
99
|
React.createElement(View, { style: commonTestStyles.settings },
|
|
113
100
|
React.createElement(SwitchWithLabel, { label: "2D Navigation", value: is2DNav, onValueChange: set2dNav }),
|
|
114
101
|
React.createElement(SwitchWithLabel, { label: "Disabled", value: isDisabled, onValueChange: setDisabled }),
|
|
115
102
|
React.createElement(SwitchWithLabel, { label: "Circular Navigation", value: isCircularNav, onValueChange: setIsCircularNav }),
|
|
116
|
-
React.createElement(
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
break;
|
|
124
|
-
case 'Vertical':
|
|
125
|
-
setFocusZoneDirection('vertical');
|
|
126
|
-
break;
|
|
127
|
-
case 'None':
|
|
128
|
-
setFocusZoneDirection('none');
|
|
129
|
-
break;
|
|
130
|
-
}
|
|
131
|
-
} }, focusZoneDirectionStrings.map(function (direction, index) { return (React.createElement(Picker.Item, { label: direction, key: index, value: direction })); }))),
|
|
132
|
-
React.createElement(View, null,
|
|
133
|
-
React.createElement(Button, { content: "Outside FocusZone" })),
|
|
134
|
-
React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: isFocusZoneDirection, isCircularNavigation: isCircularNav },
|
|
135
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer },
|
|
136
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
137
|
-
React.createElement(Button, { content: "#1", style: focusZoneTestStyles.focusZoneButton }),
|
|
138
|
-
React.createElement(Button, { content: "#2", style: focusZoneTestStyles.focusZoneButton }),
|
|
139
|
-
React.createElement(Button, { content: "#3", style: focusZoneTestStyles.focusZoneButton })),
|
|
140
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
141
|
-
React.createElement(Button, { content: "#4", style: focusZoneTestStyles.focusZoneButton }),
|
|
142
|
-
React.createElement(Button, { content: "#5", style: focusZoneTestStyles.focusZoneButton }),
|
|
143
|
-
React.createElement(Button, { content: "#6", style: focusZoneTestStyles.focusZoneButton })),
|
|
144
|
-
React.createElement(View, { style: focusZoneTestStyles.focusZoneViewStyle },
|
|
145
|
-
React.createElement(Button, { content: "#7", style: focusZoneTestStyles.focusZoneButton }),
|
|
146
|
-
React.createElement(Button, { content: "#8", style: focusZoneTestStyles.focusZoneButton }),
|
|
147
|
-
React.createElement(Button, { content: "#9", style: focusZoneTestStyles.focusZoneButton })))),
|
|
148
|
-
React.createElement(View, null,
|
|
149
|
-
React.createElement(Button, { content: "Outside FocusZone" })))));
|
|
103
|
+
React.createElement(MenuButton, { content: focusZoneDirection, menuItems: menuItems, onItemClick: function (direction) { return setFocusZoneDirection(direction); }, contextualMenu: {
|
|
104
|
+
shouldFocusOnMount: true,
|
|
105
|
+
shouldFocusOnContainer: true,
|
|
106
|
+
} })),
|
|
107
|
+
React.createElement(FocusZoneListWrapper, null,
|
|
108
|
+
React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: focusZoneDirection, isCircularNavigation: isCircularNav },
|
|
109
|
+
React.createElement(View, { style: focusZoneTestStyles.focusZoneContainer }, GridOfButtons({ gridWidth: 3, gridHeight: 3 })))))));
|
|
150
110
|
};
|
|
151
111
|
var focusZoneSections = [
|
|
152
112
|
{
|
|
@@ -159,7 +119,7 @@ var focusZoneSections = [
|
|
|
159
119
|
component: CommonUsageFocusZone,
|
|
160
120
|
},
|
|
161
121
|
{
|
|
162
|
-
name: '2D Navigation
|
|
122
|
+
name: '2D Navigation',
|
|
163
123
|
component: Navigation2DFocusZone,
|
|
164
124
|
},
|
|
165
125
|
{
|
|
@@ -175,7 +135,6 @@ export var FocusZoneTest = function () {
|
|
|
175
135
|
macosStatus: 'Experimental',
|
|
176
136
|
androidStatus: 'Backlog',
|
|
177
137
|
};
|
|
178
|
-
|
|
179
|
-
return React.createElement(Test, { name: "FocusZone Test", description: description, sections: focusZoneSections, status: status });
|
|
138
|
+
return React.createElement(Test, { name: "FocusZone Test", description: 'No description.', sections: focusZoneSections, status: status });
|
|
180
139
|
};
|
|
181
140
|
//# sourceMappingURL=FocusZoneTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,6 @@ export declare const focusZoneTestStyles: {
|
|
|
4
4
|
flexDirection: "row";
|
|
5
5
|
alignContent: "flex-start";
|
|
6
6
|
alignItems: "flex-start";
|
|
7
|
-
marginTop: number;
|
|
8
7
|
};
|
|
9
8
|
focusZoneContainer: {
|
|
10
9
|
flexDirection: "column";
|
|
@@ -12,14 +11,13 @@ export declare const focusZoneTestStyles: {
|
|
|
12
11
|
padding: number;
|
|
13
12
|
};
|
|
14
13
|
focusZoneButton: {
|
|
15
|
-
marginRight: number;
|
|
16
|
-
height: number;
|
|
17
|
-
width: number;
|
|
18
|
-
};
|
|
19
|
-
focusZoneButton0: {
|
|
20
14
|
height: number;
|
|
21
15
|
width: number;
|
|
22
16
|
};
|
|
23
17
|
};
|
|
18
|
+
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>;
|
|
19
|
+
export declare const SubheaderText: import("@uifabricshared/foundation-compose").IComposeReturnType<import("@fluentui/react-native").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
|
|
20
|
+
root: import("@fluentui-react-native/adapters").ITextProps;
|
|
21
|
+
}, 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>;
|
|
24
22
|
export declare const stackStyleFocusZone: IStackProps['style'];
|
|
25
23
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAe9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;yQAGxB,CAAC;AAEH,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAGpD,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { StyleSheet } from 'react-native';
|
|
1
|
+
import { StyleSheet, View } from 'react-native';
|
|
2
|
+
import { Text } from '@fluentui/react-native';
|
|
3
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
4
|
+
import { Icon } from '@fluentui-react-native/icon';
|
|
2
5
|
export var focusZoneTestStyles = StyleSheet.create({
|
|
3
6
|
focusZoneViewStyle: {
|
|
4
7
|
flexDirection: 'row',
|
|
5
8
|
alignContent: 'flex-start',
|
|
6
9
|
alignItems: 'flex-start',
|
|
7
|
-
marginTop: 10,
|
|
8
10
|
},
|
|
9
11
|
focusZoneContainer: {
|
|
10
12
|
flexDirection: 'column',
|
|
@@ -12,14 +14,25 @@ export var focusZoneTestStyles = StyleSheet.create({
|
|
|
12
14
|
padding: 4,
|
|
13
15
|
},
|
|
14
16
|
focusZoneButton: {
|
|
15
|
-
marginRight: 60,
|
|
16
17
|
height: 50,
|
|
17
18
|
width: 50,
|
|
18
19
|
},
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
});
|
|
21
|
+
export var GridButton = Button.compose({
|
|
22
|
+
slots: {
|
|
23
|
+
root: View,
|
|
24
|
+
icon: Icon,
|
|
25
|
+
content: Text,
|
|
22
26
|
},
|
|
27
|
+
slotProps: {
|
|
28
|
+
content: {
|
|
29
|
+
style: { aspectRatio: 1, alignItems: 'center', justifyContent: 'center' },
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
export var SubheaderText = Text.customize({
|
|
34
|
+
tokens: { variant: 'subheaderSemibold' },
|
|
35
|
+
root: { style: { textDecorationLine: 'underline' } },
|
|
23
36
|
});
|
|
24
37
|
export var stackStyleFocusZone = {
|
|
25
38
|
flexDirection: 'column',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,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;KACzB;IACD,kBAAkB,EAAE;QAClB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,cAAc;QAC9B,OAAO,EAAE,CAAC;KACX;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;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;AAEH,MAAM,CAAC,IAAM,mBAAmB,GAAyB;IACvD,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,EAAE;CACjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAUjC,CAAC"}
|