@fluentui-react-native/tester 0.66.1 → 0.67.0

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/tester",
   "entries": [
     {
-      "date": "Tue, 21 Jun 2022 21:43:33 GMT",
+      "date": "Tue, 21 Jun 2022 23:38:47 GMT",
+      "tag": "@fluentui-react-native/tester_v0.67.0",
+      "version": "0.67.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "joannaquu@gmail.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "6426ed850d4667d8cefdd7140017959dca5642fe",
+            "comment": "added notification component"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/notification to v0.1.0",
+            "commit": "6426ed850d4667d8cefdd7140017959dca5642fe"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Jun 2022 21:43:45 GMT",
       "tag": "@fluentui-react-native/tester_v0.66.1",
       "version": "0.66.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/tester
 
-This log was last generated on Tue, 21 Jun 2022 21:43:33 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Jun 2022 23:38:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.67.0
+
+Tue, 21 Jun 2022 23:38:47 GMT
+
+### Minor changes
+
+- added notification component (joannaquu@gmail.com)
+- Bump @fluentui-react-native/notification to v0.1.0
+
 ## 0.66.1
 
-Tue, 21 Jun 2022 21:43:33 GMT
+Tue, 21 Jun 2022 21:43:45 GMT
 
 ### Patches
 

package/lib/FluentTester/TestComponents/Notification/NotificationTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+G/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}
+{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuD/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}

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

@@ -1,67 +1,17 @@
 import * as React from 'react';
-import { StyleSheet, View, Text } from 'react-native';
+import { Notification } from '@fluentui-react-native/notification';
 import { Test } from '../Test';
-var NotificationVariants = ['primary', 'neutral', 'danger', 'warning'];
-var Notification = function (props) {
-    var variant = props.variant;
-    var startText = props.startText;
-    var endText = props.endText;
-    var containerBackgroundColor = 'skyblue';
-    var foregroundColor = 'black';
-    switch (variant) {
-        case 'primary':
-            containerBackgroundColor = 'skyblue';
-            break;
-        case 'neutral':
-            containerBackgroundColor = 'lightgrey';
-            break;
-        case 'danger':
-            containerBackgroundColor = 'pink';
-            foregroundColor = 'maroon';
-            break;
-        case 'warning':
-            containerBackgroundColor = 'lightyellow';
-            foregroundColor = 'brown';
-            break;
-    }
-    var styles = StyleSheet.create({
-        container: {
-            borderRadius: 12,
-            backgroundColor: containerBackgroundColor,
-            flex: 1,
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            padding: 16,
-        },
-        start: {
-            fontSize: 16,
-            color: foregroundColor,
-            flex: 1,
-            flexGrow: 1,
-        },
-        end: {
-            fontSize: 16,
-            fontWeight: '500',
-            color: foregroundColor,
-            marginLeft: 34,
-        },
-    });
-    return (React.createElement(View, { style: styles.container },
-        React.createElement(Text, { style: styles.start }, startText),
-        React.createElement(Text, { style: styles.end }, endText)));
-};
 var PrimaryTest = function () {
-    return React.createElement(Notification, { variant: 'primary', startText: "Mail Archived", endText: "Undo" });
+    return (React.createElement(Notification, { variant: 'primary', endText: "Undo" }, "Mail Archived"));
 };
 var NeutralTest = function () {
-    return React.createElement(Notification, { variant: 'neutral', startText: "Some items require you to sign in to view them", endText: "Sign in" });
+    return (React.createElement(Notification, { variant: 'neutral', endText: "Sign in" }, "Some items require you to sign in to view them"));
 };
 var DangerTest = function () {
-    return React.createElement(Notification, { variant: 'danger', startText: "There was a problem, and your recent changes may not have saved", endText: "Retry" });
+    return (React.createElement(Notification, { variant: 'danger', endText: "Retry" }, "There was a problem, and your recent changes may not have saved"));
 };
 var WarningTest = function () {
-    return React.createElement(Notification, { variant: 'warning', startText: "Read Only", endText: "X" });
+    return (React.createElement(Notification, { variant: 'warning', endText: "X" }, "Read Only"));
 };
 var notificationSections = [
     {
@@ -85,7 +35,7 @@ export var NotificationTest = function () {
     var status = {
         win32Status: 'Backlog',
         uwpStatus: 'Backlog',
-        iosStatus: 'Beta',
+        iosStatus: 'Experimental',
         macosStatus: 'Backlog',
         androidStatus: 'Backlog',
     };

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,oBAEjC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,qDAEpC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAA4B;IAC1C,OAAO,CACL,oBAAC,YAAY,IAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,OAAO,sEAEjC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,gBAE9B,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAAkB;IAC1C;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;KACtB;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAA4B;IACvD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gCAAgC,CAAC;IAErD,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1H,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+G/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}
+{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuD/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.js

@@ -3,69 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotificationTest = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_1 = require("react-native");
+var notification_1 = require("@fluentui-react-native/notification");
 var Test_1 = require("../Test");
-var NotificationVariants = ['primary', 'neutral', 'danger', 'warning'];
-var Notification = function (props) {
-    var variant = props.variant;
-    var startText = props.startText;
-    var endText = props.endText;
-    var containerBackgroundColor = 'skyblue';
-    var foregroundColor = 'black';
-    switch (variant) {
-        case 'primary':
-            containerBackgroundColor = 'skyblue';
-            break;
-        case 'neutral':
-            containerBackgroundColor = 'lightgrey';
-            break;
-        case 'danger':
-            containerBackgroundColor = 'pink';
-            foregroundColor = 'maroon';
-            break;
-        case 'warning':
-            containerBackgroundColor = 'lightyellow';
-            foregroundColor = 'brown';
-            break;
-    }
-    var styles = react_native_1.StyleSheet.create({
-        container: {
-            borderRadius: 12,
-            backgroundColor: containerBackgroundColor,
-            flex: 1,
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            padding: 16,
-        },
-        start: {
-            fontSize: 16,
-            color: foregroundColor,
-            flex: 1,
-            flexGrow: 1,
-        },
-        end: {
-            fontSize: 16,
-            fontWeight: '500',
-            color: foregroundColor,
-            marginLeft: 34,
-        },
-    });
-    return (React.createElement(react_native_1.View, { style: styles.container },
-        React.createElement(react_native_1.Text, { style: styles.start }, startText),
-        React.createElement(react_native_1.Text, { style: styles.end }, endText)));
-};
 var PrimaryTest = function () {
-    return React.createElement(Notification, { variant: 'primary', startText: "Mail Archived", endText: "Undo" });
+    return (React.createElement(notification_1.Notification, { variant: 'primary', endText: "Undo" }, "Mail Archived"));
 };
 var NeutralTest = function () {
-    return React.createElement(Notification, { variant: 'neutral', startText: "Some items require you to sign in to view them", endText: "Sign in" });
+    return (React.createElement(notification_1.Notification, { variant: 'neutral', endText: "Sign in" }, "Some items require you to sign in to view them"));
 };
 var DangerTest = function () {
-    return React.createElement(Notification, { variant: 'danger', startText: "There was a problem, and your recent changes may not have saved", endText: "Retry" });
+    return (React.createElement(notification_1.Notification, { variant: 'danger', endText: "Retry" }, "There was a problem, and your recent changes may not have saved"));
 };
 var WarningTest = function () {
-    return React.createElement(Notification, { variant: 'warning', startText: "Read Only", endText: "X" });
+    return (React.createElement(notification_1.Notification, { variant: 'warning', endText: "X" }, "Read Only"));
 };
 var notificationSections = [
     {
@@ -89,7 +39,7 @@ var NotificationTest = function () {
     var status = {
         win32Status: 'Backlog',
         uwpStatus: 'Backlog',
-        iosStatus: 'Beta',
+        iosStatus: 'Experimental',
         macosStatus: 'Backlog',
         androidStatus: 'Backlog',
     };

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,oEAAmE;AACnE,gCAA4D;AAE5D,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,2BAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,oBAEjC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,2BAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,qDAEpC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAA4B;IAC1C,OAAO,CACL,oBAAC,2BAAY,IAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,OAAO,sEAEjC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,2BAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,gBAE9B,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAAkB;IAC1C;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;KACtB;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEK,IAAM,gBAAgB,GAA4B;IACvD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gCAAgC,CAAC;IAErD,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1H,CAAC,CAAC;AAZW,QAAA,gBAAgB,oBAY3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.66.1",
+  "version": "0.67.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -46,6 +46,7 @@
     "@fluentui-react-native/icon": "0.12.1",
     "@fluentui-react-native/interactive-hooks": ">=0.16.3 <1.0.0",
     "@fluentui-react-native/menu": ">=0.15.4 <1.0.0",
+    "@fluentui-react-native/notification": "0.1.0",
     "@fluentui-react-native/stack": ">=0.6.29 <1.0.0",
     "@fluentui-react-native/theme": ">=0.6.11 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.17.0 <1.0.0",

package/src/FluentTester/TestComponents/Notification/NotificationTest.tsx

@@ -1,93 +1,37 @@
 import * as React from 'react';
-import { StyleSheet, View, Text } from 'react-native';
+import { Notification } from '@fluentui-react-native/notification';
 import { Test, TestSection, PlatformStatus } from '../Test';
 
-const NotificationVariants = ['primary', 'neutral', 'danger', 'warning'] as const;
-type NotificationVariant = typeof NotificationVariants[number];
-
-interface NotificationProps {
-  /**
-   * Notification variants: 'primary' | 'neutral' |'danger' | 'warning'
-   */
-  variant: NotificationVariant;
-  startText: string;
-  endText: string;
-}
-
-const Notification = (props: NotificationProps) => {
-  const variant = props.variant;
-  const startText = props.startText;
-  const endText = props.endText;
-
-  let containerBackgroundColor = 'skyblue';
-  let foregroundColor = 'black';
-
-  switch (variant) {
-    case 'primary':
-      containerBackgroundColor = 'skyblue';
-      break;
-    case 'neutral':
-      containerBackgroundColor = 'lightgrey';
-      break;
-    case 'danger':
-      containerBackgroundColor = 'pink';
-      foregroundColor = 'maroon';
-      break;
-    case 'warning':
-      containerBackgroundColor = 'lightyellow';
-      foregroundColor = 'brown';
-      break;
-  }
-
-  const styles = StyleSheet.create({
-    container: {
-      borderRadius: 12,
-      backgroundColor: containerBackgroundColor,
-
-      flex: 1,
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      padding: 16,
-    },
-    start: {
-      fontSize: 16,
-      color: foregroundColor,
-
-      flex: 1,
-      flexGrow: 1,
-    },
-    end: {
-      fontSize: 16,
-      fontWeight: '500',
-      color: foregroundColor,
-
-      marginLeft: 34,
-    },
-  });
-
+const PrimaryTest: React.FunctionComponent = () => {
   return (
-    <View style={styles.container}>
-      <Text style={styles.start}>{startText}</Text>
-      <Text style={styles.end}>{endText}</Text>
-    </View>
+    <Notification variant={'primary'} endText="Undo">
+      Mail Archived
+    </Notification>
   );
 };
 
-const PrimaryTest: React.FunctionComponent = () => {
-  return <Notification variant={'primary'} startText="Mail Archived" endText="Undo" />;
-};
-
 const NeutralTest: React.FunctionComponent = () => {
-  return <Notification variant={'neutral'} startText="Some items require you to sign in to view them" endText="Sign in" />;
+  return (
+    <Notification variant={'neutral'} endText="Sign in">
+      Some items require you to sign in to view them
+    </Notification>
+  );
 };
 
 const DangerTest: React.FunctionComponent = () => {
-  return <Notification variant={'danger'} startText="There was a problem, and your recent changes may not have saved" endText="Retry" />;
+  return (
+    <Notification variant={'danger'} endText="Retry">
+      There was a problem, and your recent changes may not have saved
+    </Notification>
+  );
 };
 
 const WarningTest: React.FunctionComponent = () => {
-  return <Notification variant={'warning'} startText="Read Only" endText="X" />;
+  return (
+    <Notification variant={'warning'} endText="X">
+      Read Only
+    </Notification>
+  );
 };
 
 const notificationSections: TestSection[] = [
@@ -113,7 +57,7 @@ export const NotificationTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Backlog',
     uwpStatus: 'Backlog',
-    iosStatus: 'Beta',
+    iosStatus: 'Experimental',
     macosStatus: 'Backlog',
     androidStatus: 'Backlog',
   };