@fluentui-react-native/tester 0.170.13 → 0.170.14

package/CHANGELOG.json

@@ -1,6 +1,41 @@
 {
   "name": "@fluentui-react-native/tester",
   "entries": [
+    {
+      "date": "Wed, 15 Jan 2025 22:34:19 GMT",
+      "version": "0.170.14",
+      "tag": "@fluentui-react-native/tester_v0.170.14",
+      "comments": {
+        "patch": [
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "b91697e0452c20d328f917c6f76a1b9c6383fe0b",
+            "comment": "Add new Checkbox test"
+          },
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "7bec589aaee765ed16936d341d49dc232d7ade79",
+            "comment": "Split up checkbox tests into their own files"
+          },
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "29ee1d5cec16eb936456ead051580c3f006729a1",
+            "comment": "Update type import"
+          }
+        ],
+        "none": [
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "0a748a0946bed101d8029dea54f76a396aef3483",
+            "comment": "Publish fix"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 17 Oct 2024 23:38:00 GMT",
       "version": "0.170.10",

package/CHANGELOG.md

@@ -1,9 +1,19 @@
 # Change Log - @fluentui-react-native/tester
 
-<!-- This log was last generated on Thu, 17 Oct 2024 23:38:00 GMT and should not be manually modified. -->
+<!-- This log was last generated on Wed, 15 Jan 2025 22:34:19 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 0.170.14
+
+Wed, 15 Jan 2025 22:34:19 GMT
+
+### Patches
+
+- Add new Checkbox test (ruaraki@microsoft.com)
+- Split up checkbox tests into their own files (ruaraki@microsoft.com)
+- Update type import (ruaraki@microsoft.com)
+
 ## 0.170.10
 
 Thu, 17 Oct 2024 23:38:00 GMT

package/lib/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/BasicCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAWjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+function onChangeUncontrolled(_e, isChecked) {
+    console.log(isChecked);
+}
+export var BasicCheckbox = function () {
+    return (React.createElement(View, null,
+        React.createElement(Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
+        React.createElement(Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
+        React.createElement(Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
+        React.createElement(Checkbox, { label: "Disabled checkbox", disabled: true }),
+        React.createElement(Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
+        React.createElement(Checkbox, { label: "A required checkbox", required: true })));
+};
+//# sourceMappingURL=BasicCheckboxTest.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/BasicCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAGxE,SAAS,oBAAoB,CAAC,EAAoB,EAAE,SAAkB;IACpE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,QAAQ,IAAC,KAAK,EAAC,gCAAgC,EAAC,QAAQ,EAAE,oBAAoB,GAAI;QACnF,oBAAC,QAAQ,IAAC,KAAK,EAAC,mCAAmC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,GAAI;QAC7G,oBAAC,QAAQ,IAAC,KAAK,EAAC,iCAAiC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,QAAC,kBAAkB,EAAC,aAAa,GAAG;QACpI,oBAAC,QAAQ,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,SAAG;QAC/C,oBAAC,QAAQ,IAAC,KAAK,EAAC,2BAA2B,EAAC,cAAc,QAAC,QAAQ,SAAG;QACtE,oBAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,SAAG,CAC5C,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8N/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAalC,CAAC"}
+{"version":3,"file":"CheckboxV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAalC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.js

@@ -1,108 +1,13 @@
-import { __assign } from "tslib";
 import * as React from 'react';
-import { View, TextInput, Platform } from 'react-native';
-import { ButtonV1 as Button } from '@fluentui-react-native/button';
-import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
-import { useTheme } from '@fluentui-react-native/theme-types';
-import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { Platform } from 'react-native';
 import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
 import { CHECKBOXV1_TESTPAGE } from '../../../../E2E/src/CheckboxV1/consts';
-import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
 import { Test } from '../Test';
-function onChangeUncontrolled(_e, isChecked) {
-    console.log(isChecked);
-}
-var BasicCheckbox = function () {
-    return (React.createElement(View, null,
-        React.createElement(Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
-        React.createElement(Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
-        React.createElement(Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
-        React.createElement(Checkbox, { label: "Disabled checkbox", disabled: true }),
-        React.createElement(Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
-        React.createElement(Checkbox, { label: "A required checkbox", required: true })));
-};
-var DesktopSpecificCheckbox = function () {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
-        React.createElement(Checkbox, { label: "A circular checkbox", shape: "circular" }),
-        React.createElement(Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" })));
-};
-var SizeCheckbox = function () {
-    return (React.createElement(View, null,
-        React.createElement(Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
-        React.createElement(Checkbox, { tooltip: "Large checkbox", size: "large" }),
-        React.createElement(Checkbox, { label: "Medium checkbox", size: "medium" }),
-        React.createElement(Checkbox, { label: "Large checkbox", size: "large" })));
-};
-var OtherCheckbox = function () {
-    var _a = React.useState(false), isChecked = _a[0], setisChecked = _a[1];
-    var setCheckedTrue = React.useCallback(function () {
-        setisChecked(true);
-    }, []);
-    var setCheckedFalse = React.useCallback(function () {
-        setisChecked(false);
-    }, []);
-    var memoizedStyles = React.useMemo(function () { return (Platform.OS === 'android' ? __assign(__assign({}, mobileStyles.containerSpacedEvenly), { height: 150 }) : {}); }, []);
-    return (React.createElement(View, { style: memoizedStyles },
-        React.createElement(Button, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
-        React.createElement(Button, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below"),
-        React.createElement(Checkbox, { label: "This is a controlled Checkbox", checked: isChecked }),
-        Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
-            React.createElement(Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
-            React.createElement(Checkbox, { label: "A required checkbox with other required text", required: "**" })))));
-};
-var CircleColorCheckbox = Checkbox.customize({
-    checked: {
-        checkboxBackgroundColor: 'green',
-        checkboxBorderColor: 'green',
-        checkmarkColor: 'white',
-    },
-});
-var HoverCheckbox = Checkbox.customize({
-    hovered: {
-        checkmarkOpacity: 1,
-    },
-});
-var BigLabelCheckbox = Checkbox.customize({
-    label: {
-        fontSize: 24,
-        fontWeight: 'bold',
-    },
-});
-var ComposedCheckbox = Checkbox.compose({
-    slotProps: {
-        label: { style: { color: 'hotpink' } },
-    },
-});
-var getThemedStyles = themedStyleSheet(function (t) {
-    return { textbox: __assign(__assign({}, commonStyles.textBox), { borderColor: t.colors.inputBorder }) };
-});
-var TokenCheckbox = function () {
-    var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
-    var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
-    var BlueCheckbox = Checkbox.customize({
-        checked: {
-            checkboxBackgroundColor: checkboxColor,
-            checkboxBorderColor: checkboxColor,
-            checkmarkColor: checkmarkColor,
-        },
-    });
-    var theme = useTheme();
-    var textBoxBorderStyle = getThemedStyles(theme);
-    return (React.createElement(View, null,
-        Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
-            React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
-            React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }))),
-        React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
-        React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
-        React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
-        React.createElement(TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
-                setCheckboxColor(e.nativeEvent.text);
-            } }),
-        React.createElement(TextInput, { accessibilityLabel: "Checkmark color", style: textBoxBorderStyle.textbox, placeholder: "Checkmark color", blurOnSubmit: true, onSubmitEditing: function (e) {
-                setCheckmarkColor(e.nativeEvent.text);
-            } })));
-};
+import { BasicCheckbox } from './BasicCheckboxTest';
+import { DesktopSpecificCheckbox } from './DesktopSpecificCheckboxTest';
+import { OtherCheckbox } from './OtherCheckboxPropsTest';
+import { SizeCheckbox } from './SizeCheckboxTest';
+import { TokenCheckbox } from './TokenCheckboxTest';
 var checkboxSections = [
     {
         name: 'Basic Checkboxes',

package/lib/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CheckboxV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,IAAM,gBAAgB,GAAkB;IACtC;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,SAAS,EAAE,aAAa;KACzB;IACD,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,OAAO,EAAE;YACP,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,YAAY;SACxB;KACF,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,OAAO,EAAE;YACP,IAAI,EAAE,6BAA6B;YACnC,SAAS,EAAE,uBAAuB;SACnC;KACF,CAAC;IACF;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,OAAO,EAAE;YACP,IAAI,EAAE,6BAA6B;YACnC,SAAS,EAAE,aAAa;SACzB;KACF,CAAC;CACH,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,4BAA4B;QAClC,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,IAAM,WAAW,GACf,0MAA0M,CAAC;IAE7M,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AACzI,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSpecificCheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAQ3C,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+export var DesktopSpecificCheckbox = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
+        React.createElement(Checkbox, { label: "A circular checkbox", shape: "circular" }),
+        React.createElement(Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" })));
+};
+//# sourceMappingURL=DesktopSpecificCheckboxTest.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSpecificCheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,OAAO,CACL;QACE,oBAAC,QAAQ,IAAC,KAAK,EAAC,iCAAiC,EAAC,OAAO,EAAC,mBAAmB,GAAG;QAChF,oBAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,UAAU,GAAG;QACzD,oBAAC,QAAQ,IAAC,KAAK,EAAC,qCAAqC,EAAC,aAAa,EAAC,QAAQ,GAAG,CAC9E,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCheckboxPropsTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAmDjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.js

@@ -0,0 +1,37 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { TextV1 } from '@fluentui-react-native/text';
+import { mobileStyles } from '../Common/styles';
+var pressableStyle = { borderWidth: 1, padding: 4, gap: 4, flexDirection: 'row', alignItems: 'center' };
+export var OtherCheckbox = function () {
+    var _a = React.useState(false), isChecked = _a[0], setisChecked = _a[1];
+    var setCheckedTrue = React.useCallback(function () {
+        setisChecked(true);
+    }, []);
+    var setCheckedFalse = React.useCallback(function () {
+        setisChecked(false);
+    }, []);
+    var onChange = React.useCallback(function (_e, checked) {
+        setisChecked(checked);
+    }, []);
+    var onPress = React.useCallback(function () {
+        setisChecked(!isChecked);
+    }, [isChecked]);
+    var memoizedStyles = React.useMemo(function () { return (Platform.OS === 'android' ? __assign(__assign({}, mobileStyles.containerSpacedEvenly), { height: 150 }) : { gap: 8 }); }, []);
+    return (React.createElement(View, { style: memoizedStyles },
+        React.createElement(View, null,
+            React.createElement(Button, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
+            React.createElement(Button, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below")),
+        React.createElement(View, null,
+            React.createElement(Checkbox, { label: "This is a controlled Checkbox", checked: isChecked, onChange: onChange }),
+            React.createElement(Pressable, { style: pressableStyle, onPress: onPress },
+                React.createElement(Checkbox, { checked: isChecked, onChange: onChange }),
+                React.createElement(TextV1, null, "A controlled checkbox in a Pressable. Pressing Pressable also toggles Checkbox")),
+            Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
+                React.createElement(Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
+                React.createElement(Checkbox, { label: "A required checkbox with other required text", required: "**" }))))));
+};
+//# sourceMappingURL=OtherCheckboxPropsTest.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCheckboxPropsTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,IAAM,cAAc,GAAc,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAErH,MAAM,CAAC,IAAM,aAAa,GAA4B;IAC9C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IAExD,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC;QACvC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAE,EAAE,OAAgB;QACtD,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,cAAM,OAAA,CAAC,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,uBAAM,YAAY,CAAC,qBAAqB,KAAE,MAAM,EAAE,GAAG,IAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAjG,CAAiG,EACvG,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,cAAc;QACzB,oBAAC,IAAI;YACH,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,wCAEpC;YACT,oBAAC,MAAM,IAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,OAAO,0CAErC,CACJ;QAEP,oBAAC,IAAI;YACH,oBAAC,QAAQ,IAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI;YAC1F,oBAAC,SAAS,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO;gBAChD,oBAAC,QAAQ,IAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI;gBACpD,oBAAC,MAAM,yFAAwF,CACrF;YAEX,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;gBACE,oBAAC,QAAQ,IAAC,KAAK,EAAC,4DAA4D,EAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,GAAI;gBAC1H,oBAAC,QAAQ,IAAC,KAAK,EAAC,8CAA8C,EAAC,QAAQ,EAAC,IAAI,GAAG,CAC9E,CACJ,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/SizeCheckboxTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/SizeCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeCheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/SizeCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAShC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/SizeCheckboxTest.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+export var SizeCheckbox = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
+        React.createElement(Checkbox, { tooltip: "Large checkbox", size: "large" }),
+        React.createElement(Checkbox, { label: "Medium checkbox", size: "medium" }),
+        React.createElement(Checkbox, { label: "Large checkbox", size: "large" })));
+};
+//# sourceMappingURL=SizeCheckboxTest.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/SizeCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeCheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/SizeCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,OAAO,CACL;QACE,oBAAC,QAAQ,IAAC,OAAO,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,GAAG;QACpD,oBAAC,QAAQ,IAAC,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG;QAClD,oBAAC,QAAQ,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,GAAG;QAClD,oBAAC,QAAQ,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG,CAC/C,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/TokenCheckboxTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/TokenCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenCheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/TokenCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8C1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA2DjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/CheckboxV1/TokenCheckboxTest.js

@@ -0,0 +1,63 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { View, TextInput, Platform } from 'react-native';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+function onChangeUncontrolled(_e, isChecked) {
+    console.log(isChecked);
+}
+var CircleColorCheckbox = Checkbox.customize({
+    checked: {
+        checkboxBackgroundColor: 'green',
+        checkboxBorderColor: 'green',
+        checkmarkColor: 'white',
+    },
+});
+var HoverCheckbox = Checkbox.customize({
+    hovered: {
+        checkmarkOpacity: 1,
+    },
+});
+var BigLabelCheckbox = Checkbox.customize({
+    label: {
+        fontSize: 24,
+        fontWeight: 'bold',
+    },
+});
+var ComposedCheckbox = Checkbox.compose({
+    slotProps: {
+        label: { style: { color: 'hotpink' } },
+    },
+});
+var getThemedStyles = themedStyleSheet(function (t) {
+    return { textbox: __assign(__assign({}, commonStyles.textBox), { borderColor: t.colors.inputBorder }) };
+});
+export var TokenCheckbox = function () {
+    var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
+    var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
+    var BlueCheckbox = Checkbox.customize({
+        checked: {
+            checkboxBackgroundColor: checkboxColor,
+            checkboxBorderColor: checkboxColor,
+            checkmarkColor: checkmarkColor,
+        },
+    });
+    var theme = useTheme();
+    var textBoxBorderStyle = getThemedStyles(theme);
+    return (React.createElement(View, null,
+        Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
+            React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
+            React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }))),
+        React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
+        React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
+        React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
+        React.createElement(TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                setCheckboxColor(e.nativeEvent.text);
+            } }),
+        React.createElement(TextInput, { accessibilityLabel: "Checkmark color", style: textBoxBorderStyle.textbox, placeholder: "Checkmark color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                setCheckmarkColor(e.nativeEvent.text);
+            } })));
+};
+//# sourceMappingURL=TokenCheckboxTest.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/TokenCheckboxTest.js.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.d.ts

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

package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/BasicCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAWjC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicCheckbox = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
+var experimental_checkbox_1 = require("@fluentui-react-native/experimental-checkbox");
+function onChangeUncontrolled(_e, isChecked) {
+    console.log(isChecked);
+}
+var BasicCheckbox = function () {
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
+        react_1.default.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
+        react_1.default.createElement(experimental_checkbox_1.Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
+        react_1.default.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
+        react_1.default.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
+        react_1.default.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox", required: true })));
+};
+exports.BasicCheckbox = BasicCheckbox;
+//# sourceMappingURL=BasicCheckboxTest.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxV1/BasicCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/BasicCheckboxTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAAoC;AAEpC,sFAAwE;AAGxE,SAAS,oBAAoB,CAAC,EAAoB,EAAE,SAAkB;IACpE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACzB,CAAC;AAEM,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,gCAAQ,IAAC,KAAK,EAAC,gCAAgC,EAAC,QAAQ,EAAE,oBAAoB,GAAI;QACnF,8BAAC,gCAAQ,IAAC,KAAK,EAAC,mCAAmC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,GAAI;QAC7G,8BAAC,gCAAQ,IAAC,KAAK,EAAC,iCAAiC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,QAAC,kBAAkB,EAAC,aAAa,GAAG;QACpI,8BAAC,gCAAQ,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,SAAG;QAC/C,8BAAC,gCAAQ,IAAC,KAAK,EAAC,2BAA2B,EAAC,cAAc,QAAC,QAAQ,SAAG;QACtE,8BAAC,gCAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,SAAG,CAC5C,CACR,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB"}

package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8N/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAalC,CAAC"}
+{"version":3,"file":"CheckboxV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAalC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.js

@@ -4,120 +4,26 @@ exports.CheckboxV1Test = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 var react_native_1 = require("react-native");
-var button_1 = require("@fluentui-react-native/button");
-var experimental_checkbox_1 = require("@fluentui-react-native/experimental-checkbox");
-var theme_types_1 = require("@fluentui-react-native/theme-types");
-var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
 var E2ECheckboxV1Test_1 = require("./E2ECheckboxV1Test");
 var consts_1 = require("../../../../E2E/src/CheckboxV1/consts");
-var styles_1 = require("../Common/styles");
 var Test_1 = require("../Test");
-function onChangeUncontrolled(_e, isChecked) {
-    console.log(isChecked);
-}
-var BasicCheckbox = function () {
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox", required: true })));
-};
-var DesktopSpecificCheckbox = function () {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox", shape: "circular" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" })));
-};
-var SizeCheckbox = function () {
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(experimental_checkbox_1.Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { tooltip: "Large checkbox", size: "large" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Medium checkbox", size: "medium" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Large checkbox", size: "large" })));
-};
-var OtherCheckbox = function () {
-    var _a = React.useState(false), isChecked = _a[0], setisChecked = _a[1];
-    var setCheckedTrue = React.useCallback(function () {
-        setisChecked(true);
-    }, []);
-    var setCheckedFalse = React.useCallback(function () {
-        setisChecked(false);
-    }, []);
-    var memoizedStyles = React.useMemo(function () { return (react_native_1.Platform.OS === 'android' ? tslib_1.__assign(tslib_1.__assign({}, styles_1.mobileStyles.containerSpacedEvenly), { height: 150 }) : {}); }, []);
-    return (React.createElement(react_native_1.View, { style: memoizedStyles },
-        React.createElement(button_1.ButtonV1, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
-        React.createElement(button_1.ButtonV1, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below"),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "This is a controlled Checkbox", checked: isChecked }),
-        react_native_1.Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
-            React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
-            React.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox with other required text", required: "**" })))));
-};
-var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
-    checked: {
-        checkboxBackgroundColor: 'green',
-        checkboxBorderColor: 'green',
-        checkmarkColor: 'white',
-    },
-});
-var HoverCheckbox = experimental_checkbox_1.Checkbox.customize({
-    hovered: {
-        checkmarkOpacity: 1,
-    },
-});
-var BigLabelCheckbox = experimental_checkbox_1.Checkbox.customize({
-    label: {
-        fontSize: 24,
-        fontWeight: 'bold',
-    },
-});
-var ComposedCheckbox = experimental_checkbox_1.Checkbox.compose({
-    slotProps: {
-        label: { style: { color: 'hotpink' } },
-    },
-});
-var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
-    return { textbox: tslib_1.__assign(tslib_1.__assign({}, styles_1.commonTestStyles.textBox), { borderColor: t.colors.inputBorder }) };
-});
-var TokenCheckbox = function () {
-    var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
-    var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
-    var BlueCheckbox = experimental_checkbox_1.Checkbox.customize({
-        checked: {
-            checkboxBackgroundColor: checkboxColor,
-            checkboxBorderColor: checkboxColor,
-            checkmarkColor: checkmarkColor,
-        },
-    });
-    var theme = (0, theme_types_1.useTheme)();
-    var textBoxBorderStyle = getThemedStyles(theme);
-    return (React.createElement(react_native_1.View, null,
-        react_native_1.Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
-            React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
-            React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }))),
-        React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
-        React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
-        React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
-        React.createElement(react_native_1.TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
-                setCheckboxColor(e.nativeEvent.text);
-            } }),
-        React.createElement(react_native_1.TextInput, { accessibilityLabel: "Checkmark color", style: textBoxBorderStyle.textbox, placeholder: "Checkmark color", blurOnSubmit: true, onSubmitEditing: function (e) {
-                setCheckmarkColor(e.nativeEvent.text);
-            } })));
-};
+var BasicCheckboxTest_1 = require("./BasicCheckboxTest");
+var DesktopSpecificCheckboxTest_1 = require("./DesktopSpecificCheckboxTest");
+var OtherCheckboxPropsTest_1 = require("./OtherCheckboxPropsTest");
+var SizeCheckboxTest_1 = require("./SizeCheckboxTest");
+var TokenCheckboxTest_1 = require("./TokenCheckboxTest");
 var checkboxSections = [
     {
         name: 'Basic Checkboxes',
         testID: consts_1.CHECKBOXV1_TESTPAGE,
-        component: BasicCheckbox,
+        component: BasicCheckboxTest_1.BasicCheckbox,
     },
     react_native_1.Platform.select({
         android: null,
         ios: null,
         default: {
             name: 'Size Checkboxes',
-            component: SizeCheckbox,
+            component: SizeCheckboxTest_1.SizeCheckbox,
         },
     }),
     react_native_1.Platform.select({
@@ -125,19 +31,19 @@ var checkboxSections = [
         ios: null,
         default: {
             name: 'Desktop Specific Checkboxes',
-            component: DesktopSpecificCheckbox,
+            component: DesktopSpecificCheckboxTest_1.DesktopSpecificCheckbox,
         },
     }),
     {
         name: 'Other Implementations',
-        component: OtherCheckbox,
+        component: OtherCheckboxPropsTest_1.OtherCheckbox,
     },
     react_native_1.Platform.select({
         android: null,
         ios: null,
         default: {
             name: 'Token Customized Checkboxes',
-            component: TokenCheckbox,
+            component: TokenCheckboxTest_1.TokenCheckbox,
         },
     }),
 ];