@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Drawer/DrawerDefault.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Avatar } from '@fluentui-react-native/avatar';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Drawer } from '@fluentui-react-native/drawer';
+import { Stack } from '@fluentui-react-native/stack';
+import { Switch } from '@fluentui-react-native/switch';
+import { Text } from '@fluentui-react-native/text';
+import { stackStyle } from '../Common/styles';
+export const DrawerDefault = () => {
+  const [isDrawerVisible, setIsDrawerVisible] = React.useState(false);
+  const [drawerPosition, setDrawerPosition] = React.useState('left');
+  const handleDrawerClose = React.useCallback(() => {
+    setIsDrawerVisible(false);
+  }, []);
+  const handleDrawerOpen = React.useCallback((behavior) => {
+    setDrawerPosition(behavior);
+    setIsDrawerVisible(true);
+  }, []);
+  const handleChildrenClick = React.useCallback(() => {
+    console.log('Children Clicked');
+  }, []);
+  return _jsx(Stack, {
+    style: stackStyle,
+    children: _jsxs(View, {
+      style: drawerContentstyles.container,
+      children: [
+        _jsxs(View, {
+          style: drawerContentstyles.content,
+          children: [
+            _jsx(Text, { children: 'This is the main content of the screen.' }),
+            _jsx(Button, { appearance: 'outline', onClick: () => handleDrawerOpen('left'), children: 'Open Drawer (Left)' }),
+            _jsx(Button, { appearance: 'outline', onClick: () => handleDrawerOpen('right'), children: 'Open Drawer (Right)' }),
+            _jsx(Button, { appearance: 'outline', onClick: () => handleDrawerOpen('bottom'), children: 'Open Drawer (Bottom)' }),
+          ],
+        }),
+        _jsx(Drawer, {
+          open: isDrawerVisible,
+          onClose: handleDrawerClose,
+          onScrimClick: handleDrawerClose,
+          drawerPosition: drawerPosition,
+          children: _jsxs(View, {
+            style: drawerContentstyles.drawerContent,
+            children: [
+              _jsxs(View, {
+                style: drawerContentstyles.flexRow,
+                children: [
+                  _jsx(Avatar, { active: 'active', activeAppearance: 'ring', size: 56, name: 'John Doe', avatarColor: 'colorful' }),
+                  _jsx(Text, { variant: 'headerSemibold', style: drawerContentstyles.text, children: 'John Doe' }),
+                ],
+              }),
+              _jsx(Switch, { style: drawerContentstyles.switch, defaultChecked: true, label: 'Notifications' }),
+              _jsxs(Stack, {
+                gap: 10,
+                children: [
+                  _jsx(Text, { variant: 'body1', children: 'This is the content of the drawer.' }),
+                  _jsx(Button, { onClick: handleDrawerClose, children: 'Close Drawer' }),
+                  _jsx(Button, { appearance: 'outline', onClick: handleChildrenClick, children: 'Validate Children Clicked on Drawer' }),
+                ],
+              }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const drawerContentstyles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  flexRow: {
+    flexDirection: 'row',
+  },
+  content: {
+    height: 200,
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  switch: {
+    margin: 10,
+  },
+  drawerContent: {
+    flex: 1,
+    alignItems: 'flex-start',
+    margin: 20,
+  },
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    alignSelf: 'center',
+    marginStart: 10,
+  },
+});
+//# sourceMappingURL=DrawerDefault.js.map

package/lib/TestComponents/Drawer/DrawerDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerDefault.js","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/DrawerDefault.tsx"],"names":[],"mappings":"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"}

package/lib/TestComponents/Drawer/DrawerTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const DrawerTest: React.FunctionComponent;
+//# sourceMappingURL=DrawerTest.d.ts.map

package/lib/TestComponents/Drawer/DrawerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib/TestComponents/Drawer/DrawerTest.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Drawer_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { DrawerDefault } from './DrawerDefault';
+import { E2EDrawerTest } from './E2EDrawerTest';
+import { Test } from '../Test';
+const DrawerSections = [
+  {
+    name: 'Drawer Page',
+    testID: Drawer_TESTPAGE,
+    component: DrawerDefault,
+  },
+];
+const e2eSections = [
+  {
+    name: 'E2E Drawer Testing',
+    component: E2EDrawerTest,
+  },
+];
+export const DrawerTest = () => {
+  const status = {
+    win32Status: 'Backlog',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Backlog',
+    androidStatus: 'Backlog',
+  };
+  const description = 'Drawer allows to put content in a drawer that slides in from different sides of the screen.';
+  return _jsx(Test, { name: 'Drawer Test', description: description, sections: DrawerSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=DrawerTest.js.map

package/lib/TestComponents/Drawer/DrawerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA4B,GAAG,EAAE,CAAC;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,MAAM,WAAW,GAAG,6FAA6F,CAAC;IAElH,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAS,CAAC;AAAA,CACvI,CAAC"}

package/lib/TestComponents/Drawer/E2EDrawerTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2EDrawerTest: React.FunctionComponent;
+//# sourceMappingURL=E2EDrawerTest.d.ts.map

package/lib/TestComponents/Drawer/E2EDrawerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EDrawerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/E2EDrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAMjC,CAAC"}

package/lib/TestComponents/Drawer/E2EDrawerTest.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Drawer } from '@fluentui-react-native/drawer';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+export const E2EDrawerTest = () => {
+  return _jsx(Stack, { style: stackStyle, children: _jsx(Drawer, {}) });
+};
+//# sourceMappingURL=E2EDrawerTest.js.map

package/lib/TestComponents/Drawer/E2EDrawerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EDrawerTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/E2EDrawerTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC;IAC1D,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,YACtB,KAAC,MAAM,KAAG,GACJ,CACT,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DrawerTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/TestComponents/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/TestComponents/Drawer/index.js

@@ -0,0 +1,2 @@
+export * from './DrawerTest';
+//# sourceMappingURL=index.js.map

package/lib/TestComponents/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/TestComponents/Dropdown/DropdownTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const DropdownTest: React.FunctionComponent;
+//# sourceMappingURL=DropdownTest.d.ts.map

package/lib/TestComponents/Dropdown/DropdownTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/DropdownTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAchC,CAAC"}

package/lib/TestComponents/Dropdown/DropdownTest.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Option, Dropdown } from '@fluentui-react-native/dropdown';
+import { Stack } from '@fluentui-react-native/stack';
+import { DROPDOWN_TESTPAGE } from './consts';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+const DropdownDefault = () => {
+  return _jsx(Stack, {
+    style: stackStyle,
+    children: _jsxs(Dropdown, {
+      children: [_jsx(Option, { children: 'Test' }), _jsx(Option, { disabled: true, children: 'Disabled Test' })],
+    }),
+  });
+};
+const menuSections = [
+  {
+    name: 'Dropdown Default',
+    testID: DROPDOWN_TESTPAGE,
+    component: DropdownDefault,
+  },
+];
+export const DropdownTest = () => {
+  const status = {
+    win32Status: 'Backlog',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Backlog',
+    androidStatus: 'Backlog',
+  };
+  const description = 'TODO';
+  const spec = 'TODO';
+  return _jsx(Test, { name: 'Dropdown Test', description: description, spec: spec, sections: menuSections, status: status });
+};
+//# sourceMappingURL=DropdownTest.js.map

package/lib/TestComponents/Dropdown/DropdownTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/DropdownTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC;IACrD,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,YACtB,MAAC,QAAQ;gBACP,KAAC,MAAM,uBAAc,EACrB,KAAC,MAAM,IAAC,QAAQ,oCAAuB;gBAC9B,GACL,CACT,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,iBAAiB;QACzB,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAC;IAE3B,MAAM,IAAI,GAAG,MAAM,CAAC;IAEpB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAAA,CACpH,CAAC"}

package/lib/TestComponents/Dropdown/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_DROPDOWN_BUTTON = 'Homepage_Dropdown_Button';
+export declare const DROPDOWN_TESTPAGE = 'Dropdown_TestPage';
+//# sourceMappingURL=consts.d.ts.map

package/lib/TestComponents/Dropdown/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC"}

package/lib/TestComponents/Dropdown/consts.js

@@ -0,0 +1,3 @@
+export const HOMEPAGE_DROPDOWN_BUTTON = 'Homepage_Dropdown_Button';
+export const DROPDOWN_TESTPAGE = 'Dropdown_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/TestComponents/Dropdown/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AACnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC"}

package/lib/TestComponents/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DropdownTest';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/lib/TestComponents/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/TestComponents/Dropdown/index.js

@@ -0,0 +1,3 @@
+export * from './DropdownTest';
+export * from './consts';
+//# sourceMappingURL=index.js.map

package/lib/TestComponents/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/TestComponents/Expander/ExpanderTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const ExpanderTest: React.FunctionComponent;
+//# sourceMappingURL=ExpanderTest.d.ts.map

package/lib/TestComponents/Expander/ExpanderTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpanderTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Expander/ExpanderTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsH/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAahC,CAAC"}

package/lib/TestComponents/Expander/ExpanderTest.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, Switch } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Expander } from '@fluentui-react-native/experimental-expander';
+import { Stack } from '@fluentui-react-native/stack';
+import { EXPANDER_TESTPAGE } from './consts';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+const CustomizedExpander = Expander.customize({
+  headerBackground: '#9c9c9c',
+  headerForeground: '#ffffff',
+  contentBackground: '#c3c3c3',
+  chevronBackground: '#ff7f7f',
+  chevronForeground: '#ffffff',
+  chevronPointerOverBackground: '#b5ffb2',
+  chevronPointerOverForeground: '#bfbdbd',
+  chevronPressedBackground: '#ffb2f4',
+  chevronPressedForeground: '#912a2a',
+  headerForegroundPointerOver: '#27f238',
+  headerForegroundPressed: '#f227eb',
+  headerBorderBrush: '#f22727',
+  headerBorderPointerOverBrush: '#27f238',
+  headerBorderPressedBrush: '#f227eb',
+  contentBorderBrush: '#f227eb',
+  headerBorderThickness: 2,
+  chevronBorderBrush: '#f22727',
+  chevronBorderPointerOverBrush: '#27f238',
+  chevronBorderPressedBrush: '#f227eb',
+  chevronBorderThickness: 2,
+});
+const ExpanderMainTest = () => {
+  /** This test page has not yet been tested and does not currently build because
+   * the react-native-test-app does not yet support WinUI 2.6
+   * Filed issue in react-native-test-app: https://github.com/microsoft/react-native-test-app/issues/444
+   */
+  const [switchValue, setSwitchValue] = React.useState(false);
+  const [expanderText, setExpanderText] = React.useState('Initial state');
+  const onExpanding = () => {
+    setExpanderText('Expanding event changed title');
+  };
+  const onCollapsing = () => {
+    setExpanderText('Collapsing event changed title');
+  };
+  return _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsx(Text, { children: 'expanded=true, expandDirection=up, and event functionality' }),
+      _jsxs(Expander, {
+        collapsedHeight: 50,
+        expandedHeight: 100,
+        expanded: true,
+        expandDirection: 'up',
+        onCollapsing: onExpanding,
+        onExpanding: onCollapsing,
+        children: [_jsx(Text, { children: expanderText }), _jsx(Text, { children: 'Text in the content' })],
+      }),
+      _jsx(Text, { children: 'enabled = false' }),
+      _jsxs(Expander, {
+        collapsedHeight: 50,
+        expandedHeight: 100,
+        enabled: false,
+        children: [
+          _jsx(Text, { children: 'User cannot interact with this control' }),
+          _jsx(Text, { children: 'Content that you should not see' }),
+        ],
+      }),
+      _jsx(Text, { children: 'Multiple components in header and content' }),
+      _jsxs(Expander, {
+        collapsedHeight: 64,
+        expandedHeight: 150,
+        children: [
+          _jsxs(View, {
+            style: { flexDirection: 'row', width: 200, height: 62 },
+            children: [
+              _jsxs(View, {
+                style: { alignSelf: 'center' },
+                children: [_jsx(Text, { children: 'Line one' }), _jsx(Text, { children: 'Line two' })],
+              }),
+              _jsx(Switch, { style: { marginLeft: 'auto', marginTop: 12 }, value: switchValue, onValueChange: setSwitchValue }),
+            ],
+          }),
+          _jsxs(View, { children: [_jsx(Text, { children: 'First line of text' }), _jsx(Text, { children: 'Second line of text' })] }),
+        ],
+      }),
+      _jsx(Text, { children: 'Customized Expander' }),
+      _jsxs(CustomizedExpander, {
+        collapsedHeight: 50,
+        expandedHeight: 100,
+        children: [_jsx(Text, { children: 'Text in the header' }), _jsx(Text, { children: 'Text in the content' })],
+      }),
+    ],
+  });
+};
+const BasicExpander = () => {
+  return _jsx(Stack, {
+    style: stackStyle,
+    children: _jsx(View, {
+      style: commonStyles.root,
+      children: _jsxs(Expander, {
+        collapsedHeight: 50,
+        expandedHeight: 100,
+        children: [_jsx(Text, { children: 'Text in the header' }), _jsx(Text, { children: 'Text in the content' })],
+      }),
+    }),
+  });
+};
+const expanderSections = [
+  {
+    name: 'BaseExpander',
+    testID: EXPANDER_TESTPAGE,
+    component: BasicExpander,
+  },
+  {
+    name: 'Expander',
+    testID: EXPANDER_TESTPAGE,
+    component: ExpanderMainTest,
+  },
+];
+export const ExpanderTest = () => {
+  const status = {
+    win32Status: 'Backlog',
+    uwpStatus: 'Experimental',
+    iosStatus: 'Backlog',
+    macosStatus: 'Backlog',
+    androidStatus: 'Backlog',
+  };
+  const description =
+    'Expander is a content control that displays components in the header and content. The control has an expanded and collapsed size. Expander is a native control implemented with WinUI 2.6 Expander.';
+  return _jsx(Test, { name: 'Expander Test', description: description, sections: expanderSections, status: status });
+};
+//# sourceMappingURL=ExpanderTest.js.map

package/lib/TestComponents/Expander/ExpanderTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpanderTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Expander/ExpanderTest.tsx"],"names":[],"mappings":"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"}

package/lib/TestComponents/Expander/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_EXPANDER_BUTTON = 'Homepage_Expander_Button';
+export declare const EXPANDER_TESTPAGE = 'Expander_TestPage';
+//# sourceMappingURL=consts.d.ts.map

package/lib/TestComponents/Expander/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Expander/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC"}

package/lib/TestComponents/Expander/consts.js

@@ -0,0 +1,3 @@
+export const HOMEPAGE_EXPANDER_BUTTON = 'Homepage_Expander_Button';
+export const EXPANDER_TESTPAGE = 'Expander_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/TestComponents/Expander/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Expander/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AACnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC"}

package/lib/TestComponents/Expander/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ExpanderTest';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/lib/TestComponents/Expander/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Expander/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/TestComponents/Expander/index.js

@@ -0,0 +1,3 @@
+export * from './ExpanderTest';
+export * from './consts';
+//# sourceMappingURL=index.js.map

package/lib/TestComponents/Expander/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Expander/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { TouchableHighlightProps } from 'react-native';
+interface IComponentTwiddlerProps {
+  label?: string;
+  onPress?: TouchableHighlightProps['onPress'];
+}
+export declare const ComponentTwiddler: React.FunctionComponent<IComponentTwiddlerProps>;
+export declare const FocusTrapTest: React.FunctionComponent;
+export {};
+//# sourceMappingURL=FocusTrapZoneTest.d.ts.map

package/lib/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrapZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAsD5D,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAkB9E,CAAC;AA0FF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}

package/lib/TestComponents/FocusTrapZone/FocusTrapZoneTest.js

@@ -0,0 +1,159 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { TouchableHighlight, View } from 'react-native';
+import { FocusTrapZone, Text } from '@fluentui/react-native';
+import { FOCUSTRAPZONE_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { useFocusState } from '@fluentui-react-native/interactive-hooks';
+import { Stack } from '@fluentui-react-native/stack';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+const getThemedStyles = themedStyleSheet((t) => {
+  return {
+    trapZoneStyle: {
+      padding: 10,
+      borderWidth: 2,
+      borderColor: t.colors.neutralStroke1,
+      borderStyle: 'dashed',
+    },
+    activeTrapZoneStyle: {
+      padding: 10,
+      borderColor: t.colors.neutralStroke1,
+      borderWidth: 2,
+      borderStyle: 'solid',
+    },
+    componentTwiddlerStyle: {
+      borderWidth: 1,
+      padding: 8,
+      margin: 4,
+      borderColor: t.colors.neutralStroke1,
+      borderStyle: 'solid',
+    },
+    focusedComponentTwiddlerStyle: {
+      borderWidth: 1,
+      padding: 8,
+      margin: 4,
+      borderStyle: 'solid',
+      borderColor: t.colors.strokeFocus2,
+      backgroundColor: t.colors.neutralBackground1Hover,
+    },
+    componentTwiddlerText: {
+      color: t.colors.neutralForeground1,
+    },
+    focusedComponentTwiddlerText: {
+      color: t.colors.neutralForeground1Hover,
+    },
+  };
+});
+export const ComponentTwiddler = (props) => {
+  const [focusProps, focusState] = useFocusState({});
+  const theme = useTheme();
+  const themedStyles = getThemedStyles(theme);
+  return _jsx(TouchableHighlight, {
+    focusable: false,
+    onPress: props.onPress,
+    children: _jsx(View, {
+      focusable: true,
+      ...focusProps,
+      style: focusState.focused ? themedStyles.focusedComponentTwiddlerStyle : themedStyles.componentTwiddlerStyle,
+      children: _jsx(Text, {
+        style: focusState.focused ? themedStyles.focusedComponentTwiddlerText : themedStyles.componentTwiddlerText,
+        children: props.label,
+      }),
+    }),
+  });
+};
+const BasicFocusTrapZone = () => {
+  const theme = useTheme();
+  const themedStyles = getThemedStyles(theme);
+  const [state, setState] = React.useState({
+    useTrapZone: false,
+    renderTrapZone: true,
+    disableFirstFocus: false,
+    ignoreExternalFocusing: false,
+    focusPreviouslyFocusedInnerElement: false,
+  });
+  const ftzRef = React.useRef(null);
+  const onKeyDown = React.useCallback(
+    (ev) => {
+      if (ev.nativeEvent.key === 'Enter') {
+        setState({ ...state, useTrapZone: !state.useTrapZone });
+      } else if (ev.nativeEvent.key === ' ') {
+        setState({ ...state, renderTrapZone: !state.renderTrapZone });
+      } else if (ev.nativeEvent.key === 'f' && ftzRef.current) {
+        ftzRef.current.focus();
+      }
+    },
+    [state, setState],
+  );
+  const onTwiddleExternalFocusing = React.useCallback(() => {
+    setState({ ...state, ignoreExternalFocusing: !state.ignoreExternalFocusing });
+  }, [state, setState]);
+  const onTwiddleFocusPrevious = React.useCallback(() => {
+    setState({ ...state, focusPreviouslyFocusedInnerElement: !state.focusPreviouslyFocusedInnerElement });
+  }, [state, setState]);
+  const onTwiddleFirstFocus = React.useCallback(() => {
+    setState({ ...state, disableFirstFocus: !state.disableFirstFocus });
+  }, [state, setState]);
+  return _jsx(View, {
+    onKeyDown: onKeyDown,
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      gap: 5,
+      children: [
+        _jsx(ComponentTwiddler, { label: 'Press space to render or enter to trap, f to focus' }),
+        _jsx(ComponentTwiddler, {
+          label: state.ignoreExternalFocusing ? 'ignoreExternalFocusing: true' : 'ignoreExternalFocusing: false',
+          onPress: onTwiddleExternalFocusing,
+        }),
+        _jsx(ComponentTwiddler, {
+          label: state.focusPreviouslyFocusedInnerElement
+            ? 'focusPreviouslyFocusedInnerElement: true'
+            : 'focusPreviouslyFocusedInnerElement: false',
+          onPress: onTwiddleFocusPrevious,
+        }),
+        _jsx(ComponentTwiddler, {
+          label: state.disableFirstFocus ? 'disableFirstFocus: true' : 'disableFirstFocus: false',
+          onPress: onTwiddleFirstFocus,
+        }),
+        state.renderTrapZone &&
+          _jsxs(FocusTrapZone, {
+            componentRef: ftzRef,
+            disableFirstFocus: state.disableFirstFocus,
+            ignoreExternalFocusing: state.ignoreExternalFocusing,
+            focusPreviouslyFocusedInnerElement: state.focusPreviouslyFocusedInnerElement,
+            disabled: !state.useTrapZone,
+            style: state.useTrapZone ? themedStyles.activeTrapZoneStyle : themedStyles.trapZoneStyle,
+            children: [
+              _jsx(Text, { children: state.useTrapZone ? 'Trap Active' : 'Trap Active' }),
+              _jsx(ComponentTwiddler, { label: 'trapped' }),
+              _jsx(ComponentTwiddler, { label: 'trapped' }),
+              _jsx(ComponentTwiddler, { label: 'trapped' }),
+              _jsx(ComponentTwiddler, { label: 'trapped' }),
+            ],
+          }),
+      ],
+    }),
+  });
+};
+const focusTrapZoneSections = [
+  {
+    name: 'Basic FocusTrapZone Usage',
+    testID: FOCUSTRAPZONE_TESTPAGE,
+    component: BasicFocusTrapZone,
+  },
+];
+export const FocusTrapTest = () => {
+  const status = {
+    win32Status: 'Beta',
+    uwpStatus: 'Backlog',
+    iosStatus: 'N/A',
+    macosStatus: 'N/A',
+    androidStatus: 'N/A',
+  };
+  const description =
+    'FocusTrapZone is used to trap the focus in any html element. Pressing tab will circle focus within the inner focusable elements of the FocusTrapZone.';
+  return _jsx(Test, { name: 'Focus Trap Zone Test', description: description, sections: focusTrapZoneSections, status: status });
+};
+//# sourceMappingURL=FocusTrapZoneTest.js.map