@fluentui-react-native/tester 0.82.12 → 0.83.0

package/lib/FluentTesterApp.js

@@ -2,13 +2,44 @@
 import { __assign } from "tslib";
 import { ThemeProvider } from '@fluentui-react-native/theme';
 import * as React from 'react';
-import { Platform } from 'react-native';
+import { Platform, useWindowDimensions } from 'react-native';
 import { FluentTester } from './FluentTester';
 import { tests } from './testPages';
 import { testerTheme } from './theme/index';
-var isMobile = Platform.OS == 'android' || (Platform.OS === 'ios' && Platform.isPad === false);
+/**
+ * Hook that "guesses" our Size Class on iOS based on our window width.
+ * Note: this is hacky and should not be used.
+ *
+ * For more information about Size Classes, see the following:
+ * https://developer.apple.com/documentation/uikit/uitraitcollection
+ * https://developer.apple.com/design/human-interface-guidelines/foundations/layout/#platform-considerations
+ * @returns SizeClassIOS: enum determining our size class
+ */
+var useSizeClassIOS_DO_NOT_USE = function () {
+    if (Platform.OS === 'ios') {
+        /**
+         * Technically this violates the rules of hooks (calling hooks inside conditions) but Platform.OS checks are pretty non-conditional.
+         * This is necessary because useWindowDimensions() does not work in win32.
+         */
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        var width = useWindowDimensions().width;
+        if (Platform.isPad && width > 375) {
+            return 'regular';
+        }
+        else {
+            return 'compact';
+        }
+    }
+    else {
+        return undefined;
+    }
+};
 export var FluentTesterApp = function (props) {
+    var sizeClass = useSizeClassIOS_DO_NOT_USE();
+    var isMobile = Platform.OS == 'android' || (Platform.OS === 'ios' && Platform.isPad === false);
+    // If on iPad we are presented in a Split View or Slide Over context, show the single pane view.
+    var shouldShowSinglePane = isMobile || (!isMobile && sizeClass === 'compact');
     return (React.createElement(ThemeProvider, { theme: testerTheme },
-        React.createElement(FluentTester, __assign({ enabledTests: tests, enableSinglePaneView: isMobile }, props))));
+        React.createElement(FluentTester, __assign({ enabledTests: tests, enableSinglePaneView: shouldShowSinglePane }, props))));
 };
 //# sourceMappingURL=FluentTesterApp.js.map

package/lib/FluentTesterApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAEjG,MAAM,CAAC,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW;QAC/B,oBAAC,YAAY,aAAC,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,IAAM,KAAK,EAAI,CAClE,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C;;;;;;;;GAQG;AACH,IAAM,0BAA0B,GAAuB;IACrD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB;;;WAGG;QACH,sDAAsD;QACtD,IAAM,KAAK,GAAG,mBAAmB,EAAE,CAAC,KAAK,CAAC;QAC1C,IAAI,QAAQ,CAAC,KAAK,IAAI,KAAK,GAAG,GAAG,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,IAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEjG,gGAAgG;IAChG,IAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW;QAC/B,oBAAC,YAAY,aAAC,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,IAAM,KAAK,EAAI,CAC9E,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTesterApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAMtE,CAAC"}
+{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAiCjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYtE,CAAC"}

package/lib-commonjs/FluentTesterApp.js

@@ -8,10 +8,41 @@ var react_native_1 = require("react-native");
 var FluentTester_1 = require("./FluentTester");
 var testPages_1 = require("./testPages");
 var index_1 = require("./theme/index");
-var isMobile = react_native_1.Platform.OS == 'android' || (react_native_1.Platform.OS === 'ios' && react_native_1.Platform.isPad === false);
+/**
+ * Hook that "guesses" our Size Class on iOS based on our window width.
+ * Note: this is hacky and should not be used.
+ *
+ * For more information about Size Classes, see the following:
+ * https://developer.apple.com/documentation/uikit/uitraitcollection
+ * https://developer.apple.com/design/human-interface-guidelines/foundations/layout/#platform-considerations
+ * @returns SizeClassIOS: enum determining our size class
+ */
+var useSizeClassIOS_DO_NOT_USE = function () {
+    if (react_native_1.Platform.OS === 'ios') {
+        /**
+         * Technically this violates the rules of hooks (calling hooks inside conditions) but Platform.OS checks are pretty non-conditional.
+         * This is necessary because useWindowDimensions() does not work in win32.
+         */
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        var width = (0, react_native_1.useWindowDimensions)().width;
+        if (react_native_1.Platform.isPad && width > 375) {
+            return 'regular';
+        }
+        else {
+            return 'compact';
+        }
+    }
+    else {
+        return undefined;
+    }
+};
 var FluentTesterApp = function (props) {
+    var sizeClass = useSizeClassIOS_DO_NOT_USE();
+    var isMobile = react_native_1.Platform.OS == 'android' || (react_native_1.Platform.OS === 'ios' && react_native_1.Platform.isPad === false);
+    // If on iPad we are presented in a Split View or Slide Over context, show the single pane view.
+    var shouldShowSinglePane = isMobile || (!isMobile && sizeClass === 'compact');
     return (React.createElement(theme_1.ThemeProvider, { theme: index_1.testerTheme },
-        React.createElement(FluentTester_1.FluentTester, (0, tslib_1.__assign)({ enabledTests: testPages_1.tests, enableSinglePaneView: isMobile }, props))));
+        React.createElement(FluentTester_1.FluentTester, (0, tslib_1.__assign)({ enabledTests: testPages_1.tests, enableSinglePaneView: shouldShowSinglePane }, props))));
 };
 exports.FluentTesterApp = FluentTesterApp;
 //# sourceMappingURL=FluentTesterApp.js.map

package/lib-commonjs/FluentTesterApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAEb,sDAA6D;AAC7D,wDAA+B;AAC/B,6CAAwC;AACxC,+CAAiE;AACjE,yCAAoC;AACpC,uCAA4C;AAE5C,IAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,uBAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,uBAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAE1F,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,OAAO,CACL,oBAAC,qBAAa,IAAC,KAAK,EAAE,mBAAW;QAC/B,oBAAC,2BAAY,0BAAC,YAAY,EAAE,iBAAK,EAAE,oBAAoB,EAAE,QAAQ,IAAM,KAAK,EAAI,CAClE,CACjB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B"}
+{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAEb,sDAA6D;AAC7D,wDAA+B;AAC/B,6CAA6D;AAC7D,+CAAiE;AACjE,yCAAoC;AACpC,uCAA4C;AAI5C;;;;;;;;GAQG;AACH,IAAM,0BAA0B,GAAuB;IACrD,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB;;;WAGG;QACH,sDAAsD;QACtD,IAAM,KAAK,GAAG,IAAA,kCAAmB,GAAE,CAAC,KAAK,CAAC;QAC1C,IAAI,uBAAQ,CAAC,KAAK,IAAI,KAAK,GAAG,GAAG,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEK,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,IAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,IAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,uBAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,uBAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEjG,gGAAgG;IAChG,IAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,OAAO,CACL,oBAAC,qBAAa,IAAC,KAAK,EAAE,mBAAW;QAC/B,oBAAC,2BAAY,0BAAC,YAAY,EAAE,iBAAK,EAAE,oBAAoB,EAAE,oBAAoB,IAAM,KAAK,EAAI,CAC9E,CACjB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}