@fluentui-react-native/tester 0.150.5 → 0.151.0

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/tester",
   "entries": [
     {
-      "date": "Fri, 30 Jun 2023 21:36:27 GMT",
+      "date": "Mon, 03 Jul 2023 06:39:27 GMT",
+      "tag": "@fluentui-react-native/tester_v0.151.0",
+      "version": "0.151.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "ayushsinghs@yahoo.in",
+            "package": "@fluentui-react-native/tester",
+            "commit": "6c02816577791c5d071004a225afb91a2359a527",
+            "comment": "Fix inline link keyboard access"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui/react-native to v0.37.8",
+            "commit": "6c02816577791c5d071004a225afb91a2359a527"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 30 Jun 2023 21:37:05 GMT",
       "tag": "@fluentui-react-native/tester_v0.150.5",
       "version": "0.150.5",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/tester
 
-This log was last generated on Fri, 30 Jun 2023 21:36:27 GMT and should not be manually modified.
+This log was last generated on Mon, 03 Jul 2023 06:39:27 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.151.0
+
+Mon, 03 Jul 2023 06:39:27 GMT
+
+### Minor changes
+
+- Fix inline link keyboard access (ayushsinghs@yahoo.in)
+- Bump @fluentui/react-native to v0.37.8
+
 ## 0.150.5
 
-Fri, 30 Jun 2023 21:36:27 GMT
+Fri, 30 Jun 2023 21:37:05 GMT
 
 ### Patches
 

package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts

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

package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { View, Alert, StyleSheet } from 'react-native';
+import { LinkV1 as Link, TextV1 as Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+export var InlineLinks = function () {
+    var doPress = React.useCallback(function () { return Alert.alert('Alert.', 'You have been alerted.'); }, []);
+    var doA11yTap = React.useCallback(function () { return Alert.alert('Alert.', 'You have invoked onA11yTap.'); }, []);
+    return (
+    // RN Core has a bug where Text in Text is not keyboard accessible. Issues - #32004, #35194.
+    // This is a workaround for the issue. Once those issues are resolved, InlineLinksTest.android.tsx can be removed.
+    React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: styles.row },
+            React.createElement(Text, null, "Click "),
+            React.createElement(Link, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
+            React.createElement(Text, null, " to alert me.")),
+        React.createElement(View, { style: styles.row },
+            React.createElement(Text, null, "This "),
+            React.createElement(Link, { inline: true, onPress: doPress, disabled: true, focusable: true }, "link"),
+            React.createElement(Text, null, " is disabled but focusable.")),
+        React.createElement(View, { style: styles.row },
+            React.createElement(Text, null, "Follow this "),
+            React.createElement(Link, { inline: true, url: "https://www.bing.com/" }, "link"),
+            React.createElement(Text, null, " to navigate."))));
+};
+var styles = StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+    },
+});
+//# sourceMappingURL=InlineLinksTest.android.js.map

package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLinksTest.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/LinkV1/InlineLinksTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,IAAM,WAAW,GAA4B;IAClD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,wBAAwB,CAAC,EAA/C,CAA+C,EAAE,EAAE,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,6BAA6B,CAAC,EAApD,CAAoD,EAAE,EAAE,CAAC,CAAC;IAEpG,OAAO;IACL,4FAA4F;IAC5F,kHAAkH;IAClH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,IAAI,iBAAc;YACnB,oBAAC,IAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,gBAErD;YACP,oBAAC,IAAI,wBAAqB,CACrB;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,IAAI,gBAAa;YAClB,oBAAC,IAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,QAAC,SAAS,iBAE1C;YACP,oBAAC,IAAI,sCAAmC,CACnC;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,IAAI,uBAAoB;YACzB,oBAAC,IAAI,IAAC,MAAM,QAAC,GAAG,EAAC,uBAAuB,WAEjC;YACP,oBAAC,IAAI,wBAAqB,CACrB,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.js

@@ -5,12 +5,12 @@ import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 export var InlineLinks = function () {
     var doPress = React.useCallback(function () { return Alert.alert('Alert.', 'You have been alerted.'); }, []);
-    var doAllyTap = React.useCallback(function () { return Alert.alert('Alert.', 'You have invoked onAllyTap.'); }, []);
+    var doA11yTap = React.useCallback(function () { return Alert.alert('Alert.', 'You have invoked onA11yTap.'); }, []);
     return (React.createElement(Stack, { style: stackStyle },
         React.createElement(Text, null,
             "Click",
             ' ',
-            React.createElement(Link, { inline: true, onPress: doPress, onAccessibilityTap: doAllyTap }, "this link"),
+            React.createElement(Link, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
             ' ',
             "to alert me."),
         React.createElement(Text, null,

package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts

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

package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.d.ts.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineLinks = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
+var stack_1 = require("@fluentui-react-native/stack");
+var styles_1 = require("../Common/styles");
+var InlineLinks = function () {
+    var doPress = React.useCallback(function () { return react_native_1.Alert.alert('Alert.', 'You have been alerted.'); }, []);
+    var doA11yTap = React.useCallback(function () { return react_native_1.Alert.alert('Alert.', 'You have invoked onA11yTap.'); }, []);
+    return (
+    // RN Core has a bug where Text in Text is not keyboard accessible. Issues - #32004, #35194.
+    // This is a workaround for the issue. Once those issues are resolved, InlineLinksTest.android.tsx can be removed.
+    React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.View, { style: styles.row },
+            React.createElement(react_native_2.TextV1, null, "Click "),
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
+            React.createElement(react_native_2.TextV1, null, " to alert me.")),
+        React.createElement(react_native_1.View, { style: styles.row },
+            React.createElement(react_native_2.TextV1, null, "This "),
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, disabled: true, focusable: true }, "link"),
+            React.createElement(react_native_2.TextV1, null, " is disabled but focusable.")),
+        React.createElement(react_native_1.View, { style: styles.row },
+            React.createElement(react_native_2.TextV1, null, "Follow this "),
+            React.createElement(react_native_2.LinkV1, { inline: true, url: "https://www.bing.com/" }, "link"),
+            React.createElement(react_native_2.TextV1, null, " to navigate."))));
+};
+exports.InlineLinks = InlineLinks;
+var styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+    },
+});
+//# sourceMappingURL=InlineLinksTest.android.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLinksTest.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/LinkV1/InlineLinksTest.android.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAuD;AAEvD,uDAAwE;AACxE,sDAAqD;AAErD,2CAA8C;AAEvC,IAAM,WAAW,GAA4B;IAClD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,wBAAwB,CAAC,EAA/C,CAA+C,EAAE,EAAE,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,6BAA6B,CAAC,EAApD,CAAoD,EAAE,EAAE,CAAC,CAAC;IAEpG,OAAO;IACL,4FAA4F;IAC5F,kHAAkH;IAClH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAI,iBAAc;YACnB,oBAAC,qBAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,gBAErD;YACP,oBAAC,qBAAI,wBAAqB,CACrB;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAI,gBAAa;YAClB,oBAAC,qBAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,QAAC,SAAS,iBAE1C;YACP,oBAAC,qBAAI,sCAAmC,CACnC;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAI,uBAAoB;YACzB,oBAAC,qBAAI,IAAC,MAAM,QAAC,GAAG,EAAC,uBAAuB,WAEjC;YACP,oBAAC,qBAAI,wBAAqB,CACrB,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB;AAEF,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/LinkV1/InlineLinksTest.js

@@ -9,12 +9,12 @@ var stack_1 = require("@fluentui-react-native/stack");
 var styles_1 = require("../Common/styles");
 var InlineLinks = function () {
     var doPress = React.useCallback(function () { return react_native_1.Alert.alert('Alert.', 'You have been alerted.'); }, []);
-    var doAllyTap = React.useCallback(function () { return react_native_1.Alert.alert('Alert.', 'You have invoked onAllyTap.'); }, []);
+    var doA11yTap = React.useCallback(function () { return react_native_1.Alert.alert('Alert.', 'You have invoked onA11yTap.'); }, []);
     return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
         React.createElement(react_native_2.TextV1, null,
             "Click",
             ' ',
-            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, onAccessibilityTap: doAllyTap }, "this link"),
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
             ' ',
             "to alert me."),
         React.createElement(react_native_2.TextV1, null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.150.5",
+  "version": "0.151.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -74,7 +74,7 @@
     "@fluentui-react-native/themed-stylesheet": "^1.5.1",
     "@fluentui-react-native/theming-utils": ">=0.24.0 <1.0.0",
     "@fluentui-react-native/win32-theme": ">=0.26.1 <1.0.0",
-    "@fluentui/react-native": ">=0.37.7 <1.0.0",
+    "@fluentui/react-native": ">=0.37.8 <1.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.0",

package/src/TestComponents/LinkV1/InlineLinksTest.android.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { View, Alert, StyleSheet } from 'react-native';
+
+import { LinkV1 as Link, TextV1 as Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+
+import { stackStyle } from '../Common/styles';
+
+export const InlineLinks: React.FunctionComponent = () => {
+  const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
+  const doA11yTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
+
+  return (
+    // RN Core has a bug where Text in Text is not keyboard accessible. Issues - #32004, #35194.
+    // This is a workaround for the issue. Once those issues are resolved, InlineLinksTest.android.tsx can be removed.
+    <Stack style={stackStyle}>
+      <View style={styles.row}>
+        <Text>Click </Text>
+        <Link inline onPress={doPress} onAccessibilityTap={doA11yTap}>
+          this link
+        </Link>
+        <Text> to alert me.</Text>
+      </View>
+      <View style={styles.row}>
+        <Text>This </Text>
+        <Link inline onPress={doPress} disabled focusable>
+          link
+        </Link>
+        <Text> is disabled but focusable.</Text>
+      </View>
+      <View style={styles.row}>
+        <Text>Follow this </Text>
+        <Link inline url="https://www.bing.com/">
+          link
+        </Link>
+        <Text> to navigate.</Text>
+      </View>
+    </Stack>
+  );
+};
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+  },
+});

package/src/TestComponents/LinkV1/InlineLinksTest.tsx

@@ -8,13 +8,13 @@ import { stackStyle } from '../Common/styles';
 
 export const InlineLinks: React.FunctionComponent = () => {
   const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);
-  const doAllyTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onAllyTap.'), []);
+  const doA11yTap = React.useCallback(() => Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
 
   return (
     <Stack style={stackStyle}>
       <Text>
         Click{' '}
-        <Link inline onPress={doPress} onAccessibilityTap={doAllyTap}>
+        <Link inline onPress={doPress} onAccessibilityTap={doA11yTap}>
           this link
         </Link>{' '}
         to alert me.