@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Notification/NotificationTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,QAAQ,GAAiB;IAC7B,GAAG,EAAE,UAAU;CAChB,CAAC;AACF,MAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AAE1C,MAAM,WAAW,GAAG,CAAC,EAAE,CAAC;AACxB,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAC9B,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAChC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,EAAE;KACd;IACD,SAAS,EAAE;QACT,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAA4B,GAAG,EAAE,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAC7E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,6BAA2B,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,OAAO,CACL,MAAC,IAAI;YACH,KAAC,YAAY,IACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAC9E,EACF,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,EAC5E,KAAC,SAAS,IAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,EAChF,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,EAC9E,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;oBAC9B,KAAC,IAAI,6BAAkB,EACvB,KAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,GAAI;oBAClD,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;oBAC9B,KAAC,IAAI,8BAAmB,EACxB,KAAC,MAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI;oBACpD,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,YAC9B,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC;wBACb,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;oBAAA,CACpC,EACD,aAAa,EAAE,GAAG,EAAE,CAAC;wBACnB,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;oBAAA,CAC3C,YAEA,OAAO,GACK,GACV;YACF,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,SAAS,GAA4B,GAAG,EAAE,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,YAAY,CAAC,CAAC;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAE5D,OAAO,CACL,MAAC,IAAI;YACH,KAAC,YAAY,IACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAC7E,EACF,KAAC,SAAS,IAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,EAChF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,YAC9B,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC;wBACb,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;oBAAA,CACpC,YAEA,OAAO,GACK,GACV;YACF,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,mBAAmB,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3D,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACnC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;gBACtB,OAAO,EAAE,WAAW;gBACpB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,eAAe,EAAE,qBAAqB;aACvC,CAAC;YACF,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAClC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;gBACtB,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,aAAa;gBACvB,eAAe,EAAE,qBAAqB;aACvC,CAAC;SACH,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,KAAK,CAAC,CAAC;QAAA,CACnB,CAAC,CAAC;IAAA,CACJ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACnC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;YACtB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,aAAa;YACvB,eAAe,EAAE,qBAAqB;SACvC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,IAAI,CAAC,CAAC;QAAA,CACjB,CAAC,CAAC;IAAA,CACJ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC;QAC1B,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,EAAE,CAAC;QACT,CAAC;aAAM,CAAC;YACN,IAAI,EAAE,CAAC;QACT,CAAC;IAAA,CACF,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,MAAM,iBAAiB,GAAG;QACxB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;KACpC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI;YACH,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,YACrE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GACnB,EACR,CAAC,MAAM,IAAI,CACV,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,YACrC,KAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,GAAG,EAAE,CAAC;wBACb,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;oBAAA,CACpC,EACD,aAAa,EAAE,GAAG,EAAE,CAAC;wBACnB,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;oBAAA,CAC5B,8BAGY,GACD,CACjB,IACI,CACR,CAAC;AAAA,CACH,CAAC;AACF,MAAM,sBAAsB,GAA4B,GAAG,EAAE,CAAC;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3D,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC;QACjB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;gBACtB,OAAO,EAAE,WAAW;gBACpB,QAAQ,EAAE,iBAAiB;gBAC3B,eAAe,EAAE,qBAAqB;aACvC,CAAC;YACF,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAClC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;gBACtB,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,aAAa;gBACvB,eAAe,EAAE,qBAAqB;aACvC,CAAC;SACH,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,KAAK,CAAC,CAAC;QAAA,CACnB,CAAC,CAAC;IAAA,CACJ,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC;QACjB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;YACtB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,aAAa;YACvB,eAAe,EAAE,qBAAqB;SACvC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,IAAI,CAAC,CAAC;QAAA,CACjB,CAAC,CAAC;IAAA,CACJ,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC;QAC1B,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,EAAE,CAAC;QACT,CAAC;aAAM,CAAC;YACN,IAAI,EAAE,CAAC;QACT,CAAC;IAAA,CACF,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,MAAM,iBAAiB,GAAG;QACxB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;KACpC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI;YACH,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,YACrE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GACnB,EACR,CAAC,MAAM,IAAI,CACV,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,YACrC,KAAC,YAAY,IACX,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC;wBACb,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;oBAAA,CACpC,0BAGY,GACD,CACjB,IACI,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,oBAAoB,GAAkB;IAC1C;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,SAAS;KACrB;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA4B,GAAG,EAAE,CAAC;IAC7D,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,MAAM,WAAW,GAAG,gCAAgC,CAAC;IAErD,MAAM,IAAI,GAAG,uGAAuG,CAAC;IAErH,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAAA,CAChI,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_NOTIFICATION_BUTTON = 'Homepage_Notification_Button';
+export declare const NOTIFICATION_TESTPAGE = 'Notification_TestPage';
+//# sourceMappingURL=consts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Notification/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/lib/TestComponents/Notification/consts.js

@@ -0,0 +1,3 @@
+export const HOMEPAGE_NOTIFICATION_BUTTON = 'Homepage_Notification_Button';
+export const NOTIFICATION_TESTPAGE = 'Notification_TestPage';
+//# sourceMappingURL=consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Notification/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,8BAA8B,CAAC;AAC3E,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC"}

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

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

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

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

package/lib/TestComponents/Notification/index.js

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

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

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

package/lib/TestComponents/Overflow/OverflowE2ETest.d.ts

@@ -0,0 +1,2 @@
+export declare function E2EOverflowTest(): import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=OverflowE2ETest.d.ts.map

package/lib/TestComponents/Overflow/OverflowE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowE2ETest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Overflow/OverflowE2ETest.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,eAAe,4CAmC9B"}

package/lib/TestComponents/Overflow/OverflowE2ETest.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Divider } from '@fluentui-react-native/divider';
+import {
+  FIRST_OVERFLOW_ITEM,
+  FIRST_OVERFLOW_ITEM_ID,
+  SECOND_OVERFLOW_ITEM,
+  SECOND_OVERFLOW_ITEM_ID,
+  THIRD_OVERFLOW_ITEM,
+  THIRD_OVERFLOW_ITEM_ID,
+  OVERFLOW_MENU,
+  READY_LABEL,
+  READY_VALUE_FALSE,
+  READY_VALUE_TRUE,
+  UPDATED_LABEL,
+  UPDATED_VALUE_FALSE,
+  UPDATED_VALUE_TRUE,
+  RADIO_175,
+  RADIO_275,
+  RADIO_375,
+} from '@fluentui-react-native/e2e-testing';
+import { Overflow, OverflowItem, useOverflowMenu } from '@fluentui-react-native/overflow';
+import { RadioGroupV1 as RadioGroup, Radio } from '@fluentui-react-native/radio-group';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+const styles = StyleSheet.create({
+  menu: {
+    width: 50,
+  },
+  item: {
+    width: 100,
+  },
+});
+function OverflowMenu() {
+  const { showMenu, visibleMenuItems, onMenuTriggerLayout } = useOverflowMenu();
+  const overflowCount = visibleMenuItems.length;
+  if (showMenu) {
+    return _jsx(Button, { testID: OVERFLOW_MENU, onLayout: onMenuTriggerLayout, style: styles.menu, children: `${overflowCount} hidden` });
+  } else {
+    return null;
+  }
+}
+const items = [FIRST_OVERFLOW_ITEM_ID, SECOND_OVERFLOW_ITEM_ID, THIRD_OVERFLOW_ITEM_ID];
+const itemsToTestIDs = {
+  [FIRST_OVERFLOW_ITEM_ID]: FIRST_OVERFLOW_ITEM,
+  [SECOND_OVERFLOW_ITEM_ID]: SECOND_OVERFLOW_ITEM,
+  [THIRD_OVERFLOW_ITEM_ID]: THIRD_OVERFLOW_ITEM,
+};
+export function E2EOverflowTest() {
+  const [overflowStyles, setOverflowStyles] = React.useState({});
+  const [ready, setReady] = React.useState(false);
+  const [updated, setUpdated] = React.useState(false);
+  const handleRadioGroupChange = React.useCallback((key) => {
+    setUpdated(false);
+    const keyAsInt = parseInt(key);
+    setOverflowStyles({ width: keyAsInt });
+  }, []);
+  const handleReady = React.useCallback(() => setReady(true), []);
+  const handleOverflowUpdate = React.useCallback(() => setUpdated(true), []);
+  return _jsxs(View, {
+    children: [
+      _jsx(Text, { testID: READY_LABEL, children: ready ? READY_VALUE_TRUE : READY_VALUE_FALSE }),
+      _jsx(Text, { testID: UPDATED_LABEL, children: updated ? UPDATED_VALUE_TRUE : UPDATED_VALUE_FALSE }),
+      _jsx(Divider, {}),
+      _jsxs(RadioGroup, {
+        defaultValue: '375',
+        label: 'Width Options',
+        onChange: handleRadioGroupChange,
+        children: [
+          _jsx(Radio, { testID: RADIO_175, label: '175', value: '175' }),
+          _jsx(Radio, { testID: RADIO_275, label: '275', value: '275' }),
+          _jsx(Radio, { testID: RADIO_375, label: '375', value: '375' }),
+        ],
+      }),
+      _jsx(Divider, {}),
+      _jsxs(Overflow, {
+        onOverflowUpdate: handleOverflowUpdate,
+        itemIDs: items,
+        style: overflowStyles,
+        onReady: handleReady,
+        children: [
+          items.map((id, i) =>
+            _jsx(
+              OverflowItem,
+              {
+                testID: itemsToTestIDs[id],
+                priority: items.length - i,
+                overflowID: id,
+                children: _jsx(Button, { style: styles.item, children: `Item '${id}'` }),
+              },
+              id,
+            ),
+          ),
+          _jsx(OverflowMenu, {}),
+        ],
+      }),
+    ],
+  });
+}
+//# sourceMappingURL=OverflowE2ETest.js.map

package/lib/TestComponents/Overflow/OverflowE2ETest.js.map

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

package/lib/TestComponents/Overflow/OverflowTest.d.ts

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

package/lib/TestComponents/Overflow/OverflowTest.d.ts.map

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

package/lib/TestComponents/Overflow/OverflowTest.js

@@ -0,0 +1,226 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Divider } from '@fluentui-react-native/divider';
+import { OVERFLOW_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Menu, MenuTrigger, MenuList, MenuPopover, MenuItem } from '@fluentui-react-native/menu';
+import { Overflow, OverflowItem, useOverflowMenu } from '@fluentui-react-native/overflow';
+import { TabList, Tab } from '@fluentui-react-native/tablist';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { E2EOverflowTest } from './OverflowE2ETest';
+import MoreHorizontalIcon from '../../../assets/MoreHorizontalFilled.svg';
+import { Test } from '../Test';
+const items = ['a', 'b', 'c', 'd', 'e'];
+const itemLabels = {
+  a: 'Item A',
+  b: 'Item B Item B Item B',
+  c: 'Item C Item C',
+  d: 'Item D',
+  e: 'Item E Item E Item E Item E',
+};
+const overflowTestPageStyles = StyleSheet.create({
+  containerStyle: {
+    paddingVertical: 4,
+  },
+  width100: {
+    width: 100,
+  },
+  width250: {
+    width: 250,
+  },
+  width400: {
+    width: 400,
+  },
+  menuTrigger: {
+    alignSelf: 'center',
+  },
+  dynamicAddRemoval: {
+    width: 400,
+    borderWidth: 1,
+    borderStyle: 'solid',
+    borderColor: 'black',
+  },
+});
+function OverflowMenu(props) {
+  const { showMenu, visibleMenuItems, menuTriggerRef, onMenuTriggerLayout } = useOverflowMenu();
+  if (showMenu) {
+    return _jsxs(Menu, {
+      children: [
+        _jsx(MenuTrigger, {
+          children: _jsx(Button, {
+            accessibilityLabel: 'More options',
+            onLayout: onMenuTriggerLayout,
+            style: overflowTestPageStyles.menuTrigger,
+            appearance: 'subtle',
+            iconOnly: true,
+            icon: { svgSource: { src: MoreHorizontalIcon, viewBox: '0 0 20 20' } },
+            componentRef: menuTriggerRef,
+          }),
+        }),
+        _jsx(MenuPopover, {
+          children: _jsx(MenuList, {
+            children: visibleMenuItems.map((id) =>
+              _jsx(MenuItem, { onClick: () => props.onItemPress(id), children: itemLabels[id] ?? 'Item ' + id }, id),
+            ),
+          }),
+        }),
+      ],
+    });
+  } else {
+    return null;
+  }
+}
+function OverflowMainTest() {
+  return _jsx(View, {
+    style: overflowTestPageStyles.containerStyle,
+    children: _jsxs(Overflow, {
+      itemIDs: items,
+      children: [
+        items.map((item) =>
+          _jsx(
+            OverflowItem,
+            { overflowID: item, children: _jsx(Button, { onClick: () => console.log(item), children: itemLabels[item] }) },
+            item,
+          ),
+        ),
+        _jsx(OverflowMenu, { onItemPress: console.log }),
+      ],
+    }),
+  });
+}
+function OverflowTabTest() {
+  const [key, setKey] = React.useState('a');
+  return _jsx(View, {
+    style: overflowTestPageStyles.containerStyle,
+    children: _jsx(Overflow, {
+      dontHideBeforeReady: true,
+      itemIDs: items,
+      children: _jsxs(TabList, {
+        selectedKey: key,
+        onTabSelect: setKey,
+        children: [
+          items.map((item) =>
+            _jsx(
+              OverflowItem,
+              { priority: key === item ? 2 : 1, overflowID: item, children: _jsx(Tab, { tabKey: item, children: itemLabels[item] }) },
+              item,
+            ),
+          ),
+          _jsx(OverflowMenu, { onItemPress: setKey }),
+        ],
+      }),
+    }),
+  });
+}
+function OverflowWidthExample(props) {
+  const style = React.useMemo(() => ({ width: props.width }), [props]);
+  return _jsxs(View, {
+    style: overflowTestPageStyles.containerStyle,
+    children: [
+      _jsx(Text, { variant: 'body1Strong', children: `Width: ${props.width}` }),
+      _jsxs(Overflow, {
+        dontHideBeforeReady: props.dontHideBeforeReady,
+        style: style,
+        itemIDs: items,
+        children: [
+          items.map((item) => _jsx(OverflowItem, { overflowID: item, children: _jsxs(Button, { children: ['Item ', ' ' + item] }) }, item)),
+          _jsx(OverflowMenu, { onItemPress: console.log }),
+        ],
+      }),
+    ],
+  });
+}
+function OverflowDifferentWidthTest() {
+  return _jsxs(View, {
+    children: [
+      _jsx(Text, { variant: 'heroStandard', children: 'Hidden Before Layout' }),
+      _jsx(OverflowWidthExample, { width: 100 }),
+      _jsx(OverflowWidthExample, { width: 250 }),
+      _jsx(OverflowWidthExample, { width: 400 }),
+      _jsx(Divider, {}),
+      _jsx(Text, { variant: 'heroStandard', children: 'Visible Before Layout' }),
+      _jsx(OverflowWidthExample, { dontHideBeforeReady: true, width: 100 }),
+      _jsx(OverflowWidthExample, { dontHideBeforeReady: true, width: 250 }),
+      _jsx(OverflowWidthExample, { dontHideBeforeReady: true, width: 400 }),
+    ],
+  });
+}
+function OverflowDynamicAddRemovalTest() {
+  const [ids, setIDs] = React.useState(['1', '2', '3']);
+  const addItem = React.useCallback(
+    () =>
+      setIDs((prev) => {
+        const newItem = (parseInt(prev[prev.length - 1]) + 1).toString();
+        return [...prev, newItem];
+      }),
+    [],
+  );
+  const removeItem = React.useCallback((item) => setIDs((prev) => prev.filter((x) => x !== item)), []);
+  return _jsxs(View, {
+    style: overflowTestPageStyles.containerStyle,
+    children: [
+      _jsx(Text, { children: 'Add buttons using the button below. Remove by clicking on individual items in the Overflow container.' }),
+      _jsx(Button, { onClick: addItem, children: 'Add item' }),
+      _jsxs(Text, { children: ['Overflow Items (raw): ', ids.reduce((prev, curr) => prev + ', ' + curr)] }),
+      _jsx(Divider, {}),
+      _jsxs(Overflow, {
+        padding: 4,
+        style: overflowTestPageStyles.dynamicAddRemoval,
+        itemIDs: ids,
+        children: [
+          ids.map((id) => {
+            return _jsx(
+              OverflowItem,
+              { overflowID: id, children: _jsx(Button, { onClick: () => removeItem(id), children: 'Item ' + id }) },
+              id,
+            );
+          }),
+          _jsx(OverflowMenu, { onItemPress: removeItem }),
+        ],
+      }),
+    ],
+  });
+}
+export const OverflowTest = () => {
+  const description =
+    'The `Overflow` and `OverflowItem` components, based off the same Fluent web v9 components of the same name, are low level utilities that enable users to create overflow experiences with any component. These components will detect and hide overflowing elements on screen and manage the overflow state.';
+  return _jsx(Test, {
+    name: 'Overflow Test',
+    description: description,
+    sections: [
+      {
+        name: 'Overflow',
+        component: OverflowMainTest,
+        testID: OVERFLOW_TESTPAGE,
+      },
+      {
+        name: 'Overflow TabList',
+        component: OverflowTabTest,
+      },
+      {
+        name: 'Overflow Dynamic Add/Removal of Items',
+        component: OverflowDynamicAddRemovalTest,
+      },
+      {
+        name: 'Overflow Variable Width',
+        component: OverflowDifferentWidthTest,
+      },
+    ],
+    e2eSections: [
+      {
+        name: 'Overflow E2E Section',
+        component: E2EOverflowTest,
+      },
+    ],
+    spec: 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/experimental/Overflow/SPEC.md',
+    status: {
+      win32Status: 'Experimental',
+      uwpStatus: 'Backlog',
+      iosStatus: 'Backlog',
+      macosStatus: 'Experimental',
+      androidStatus: 'Backlog',
+    },
+  });
+};
+//# sourceMappingURL=OverflowTest.js.map

package/lib/TestComponents/Overflow/OverflowTest.js.map

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

package/lib/TestComponents/Persona/CustomizeUsage.d.ts

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

package/lib/TestComponents/Persona/CustomizeUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2FlC,CAAC"}

package/lib/TestComponents/Persona/CustomizeUsage.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, Text, Switch, TextInput } from 'react-native';
+import { Persona } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { michaelImageUrl } from './styles';
+import { Slider } from '../Common/Slider';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+const getThemedStyles = themedStyleSheet((t) => {
+  return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+export const CustomizeUsage = () => {
+  const [showImage, setShowImage] = React.useState(true);
+  const [coinColor, setCoinColor] = React.useState();
+  const [textColor, setTextColor] = React.useState();
+  const [textSize, setTextSize] = React.useState(23);
+  const [secondarySize, setSecondarySize] = React.useState(20);
+  const [tertiarySize, setTertiarySize] = React.useState(17);
+  const [optionalSize, setOptionalSize] = React.useState(14);
+  const [horizontalGap, setHorizontalGap] = React.useState();
+  const [verticalGap, setVerticalGap] = React.useState();
+  const theme = useTheme();
+  const textBoxBorderStyle = getThemedStyles(theme);
+  const CustomizedPersona = React.useMemo(() => {
+    const tokens = {
+      backgroundColor: coinColor,
+      color: textColor,
+      textFont: { fontSize: textSize },
+      secondaryFont: { fontSize: secondarySize },
+      tertiaryFont: { fontSize: tertiarySize },
+      optionalFont: { fontSize: optionalSize },
+      horizontalGap: horizontalGap,
+      verticalGap: verticalGap,
+    };
+    return Persona.customize({ tokens });
+  }, [coinColor, textColor, textSize, secondarySize, tertiarySize, optionalSize, horizontalGap, verticalGap]);
+  return _jsxs(View, {
+    style: commonStyles.root,
+    children: [
+      _jsxs(View, {
+        style: commonStyles.settings,
+        children: [
+          _jsxs(View, {
+            style: commonStyles.switch,
+            children: [_jsx(Text, { children: 'Show image' }), _jsx(Switch, { value: showImage, onValueChange: setShowImage })],
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Background color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Background color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setCoinColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Initials text color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Initials text color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setTextColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(Text, { children: 'Primary text size' }),
+          _jsx(Slider, { maximum: 50, minimum: 5, initialValue: textSize, style: commonStyles.vmargin, onChange: setTextSize }),
+          _jsx(Text, { children: 'Secondary text size' }),
+          _jsx(Slider, { maximum: 50, minimum: 5, initialValue: secondarySize, style: commonStyles.vmargin, onChange: setSecondarySize }),
+          _jsx(Text, { children: 'Tertiary text size' }),
+          _jsx(Slider, { maximum: 50, minimum: 5, initialValue: tertiarySize, style: commonStyles.vmargin, onChange: setTertiarySize }),
+          _jsx(Text, { children: 'Optional text size' }),
+          _jsx(Slider, { maximum: 50, minimum: 5, initialValue: optionalSize, style: commonStyles.vmargin, onChange: setOptionalSize }),
+          _jsx(Text, { children: 'Horizontal gap' }),
+          _jsx(Slider, { maximum: 100, initialValue: 5, minimum: 0, style: commonStyles.vmargin, onChange: setHorizontalGap }),
+          _jsx(Text, { children: 'Vertical gap' }),
+          _jsx(Slider, { maximum: 20, initialValue: 5, minimum: 0, style: commonStyles.vmargin, onChange: setVerticalGap }),
+        ],
+      }),
+      _jsx(CustomizedPersona, {
+        initials: 'MJ',
+        size: 'size72',
+        text: 'Michael Jackson',
+        secondaryText: 'Pop singer',
+        tertiaryText: 'King of pop',
+        optionalText: 'Indiana',
+        imageDescription: 'Legendary pop singer',
+        presence: 'offline',
+        imageUrl: showImage ? michaelImageUrl : undefined,
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=CustomizeUsage.js.map

package/lib/TestComponents/Persona/CustomizeUsage.js.map

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

package/lib/TestComponents/Persona/PersonaTest.d.ts

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

package/lib/TestComponents/Persona/PersonaTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/PersonaTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}

package/lib/TestComponents/Persona/PersonaTest.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { PERSONA_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { CustomizeUsage } from './CustomizeUsage';
+import { StandardUsage } from './StandardUsage';
+import { Test } from '../Test';
+const personaSections = [
+  {
+    name: 'Standard Usage',
+    testID: PERSONA_TESTPAGE,
+    component: StandardUsage,
+  },
+  {
+    name: 'Customize Usage',
+    component: CustomizeUsage,
+  },
+];
+export const PersonaTest = () => {
+  const status = {
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
+  };
+  const description =
+    "Personas are used for rendering an individual's avatar and presence. Persona renders a PersonaCoin along with descriptive text components.";
+  return _jsx(Test, { name: 'Persona Test', description: description, sections: personaSections, status: status });
+};
+//# sourceMappingURL=PersonaTest.js.map

package/lib/TestComponents/Persona/PersonaTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/PersonaTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,gBAAgB;QACxB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA4B,GAAG,EAAE,CAAC;IACxD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,4IAA4I,CAAC;IAE/I,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAAA,CAC1G,CAAC"}

package/lib/TestComponents/Persona/StandardUsage.d.ts

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

package/lib/TestComponents/Persona/StandardUsage.d.ts.map

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

package/lib/TestComponents/Persona/StandardUsage.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, Text, Switch } from 'react-native';
+import { Persona } from '@fluentui/react-native';
+import { satyaImageUrl } from './styles';
+import { MenuPicker } from '../Common/MenuPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { undefinedText } from '../PersonaCoin/styles';
+const allSizes = [undefinedText, 'size8', 'size24', 'size32', 'size40', 'size48', 'size56', 'size72', 'size100', 'size120'];
+const allSizesCollection = allSizes.map((size) => {
+  return {
+    label: size,
+    value: size,
+  };
+});
+function SwitchWithLabel(props) {
+  const { label, value, onValueChange } = props;
+  return _jsxs(View, {
+    style: commonStyles.switch,
+    children: [_jsx(Text, { children: label }), _jsx(Switch, { value: value, onValueChange: onValueChange })],
+  });
+}
+export const StandardUsage = () => {
+  const [showImage, setShowImage] = React.useState(true);
+  const [showPrimary, setShowPrimary] = React.useState(true);
+  const [showSecondary, setShowSecondary] = React.useState(true);
+  const [showTertiary, setShowTertiary] = React.useState(true);
+  const [showOptional, setShowOptional] = React.useState(true);
+  const [imageSize, setImageSize] = React.useState('size72');
+  return _jsxs(View, {
+    style: commonStyles.root,
+    children: [
+      _jsxs(View, {
+        style: commonStyles.settings,
+        children: [
+          _jsx(SwitchWithLabel, { label: 'Show image', value: showImage, onValueChange: setShowImage }),
+          _jsx(SwitchWithLabel, { label: 'Show primary text', value: showPrimary, onValueChange: setShowPrimary }),
+          _jsx(SwitchWithLabel, { label: 'Show secondary text', value: showSecondary, onValueChange: setShowSecondary }),
+          _jsx(SwitchWithLabel, { label: 'Show tertiary text', value: showTertiary, onValueChange: setShowTertiary }),
+          _jsx(SwitchWithLabel, { label: 'Show optional text', value: showOptional, onValueChange: setShowOptional }),
+          _jsx(MenuPicker, {
+            prompt: 'Size',
+            style: commonStyles.header,
+            selected: imageSize || undefinedText,
+            onChange: (size) => setImageSize(size === undefinedText ? undefined : size),
+            collection: allSizesCollection,
+          }),
+        ],
+      }),
+      _jsx(Persona, {
+        text: showPrimary ? 'Satya Nadella' : undefined,
+        secondaryText: showSecondary ? 'CEO' : undefined,
+        tertiaryText: showTertiary ? 'Microsoft' : undefined,
+        optionalText: showOptional ? 'Office of the CEO' : undefined,
+        size: imageSize,
+        initials: 'SN',
+        imageUrl: showImage ? satyaImageUrl : undefined,
+        imageDescription: 'Profile photo of Satya Nadella',
+        presence: 'away',
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=StandardUsage.js.map