@fluentui-react-native/tester 0.170.27 → 0.170.29

package/lib/TestComponents/CheckboxV1/CheckboxV1Test.js

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { Platform } from 'react-native';
+import { CHECKBOXV1_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
+import { Test } from '../Test';
+import { BasicCheckbox } from './BasicCheckboxTest';
+import { DesktopSpecificCheckbox } from './DesktopSpecificCheckboxTest';
+import { OtherCheckbox } from './OtherCheckboxPropsTest';
+import { SizeCheckbox } from './SizeCheckboxTest';
+import { TokenCheckbox } from './TokenCheckboxTest';
+const checkboxSections = [
+    {
+        name: 'Basic Checkboxes',
+        testID: CHECKBOXV1_TESTPAGE,
+        component: BasicCheckbox,
+    },
+    Platform.select({
+        android: null,
+        ios: null,
+        default: {
+            name: 'Size Checkboxes',
+            component: SizeCheckbox,
+        },
+    }),
+    Platform.select({
+        android: null,
+        ios: null,
+        default: {
+            name: 'Desktop Specific Checkboxes',
+            component: DesktopSpecificCheckbox,
+        },
+    }),
+    {
+        name: 'Other Implementations',
+        component: OtherCheckbox,
+    },
+    Platform.select({
+        android: null,
+        ios: null,
+        default: {
+            name: 'Token Customized Checkboxes',
+            component: TokenCheckbox,
+        },
+    }),
+];
+const e2eSections = [
+    {
+        name: 'E2E Testing for CheckboxV1',
+        component: E2ECheckboxV1Test,
+    },
+];
+export const CheckboxV1Test = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'N/A',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off). For macOS, use experimental-checkbox package.';
+    return React.createElement(Test, { name: "CheckboxV1 Test", description: description, sections: checkboxSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=CheckboxV1Test.js.map

package/lib/TestComponents/CheckboxV1/CheckboxV1Test.js.map

@@ -0,0 +1 @@
+{"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,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,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,MAAM,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,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,4BAA4B;QAClC,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE;IAC1D,MAAM,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,MAAM,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/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/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+export const DesktopSpecificCheckbox = () => {
+    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/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,MAAM,uBAAuB,GAA4B,GAAG,EAAE;IACnE,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/TestComponents/CheckboxV1/E2ECheckboxV1Test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ECheckboxV1Test.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/E2ECheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAsCrC,CAAC"}

package/lib/TestComponents/CheckboxV1/E2ECheckboxV1Test.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { CHECKBOXV1_TEST_COMPONENT, CHECKBOXV1_ACCESSIBILITY_LABEL, CHECKBOXV1_NO_A11Y_LABEL_COMPONENT, CHECKBOXV1_TEST_COMPONENT_LABEL, CHECKBOXV1_ON_PRESS, } from '@fluentui-react-native/e2e-testing';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export const E2ECheckboxV1Test = () => {
+    const [checkboxPressed, setCheckboxPressed] = React.useState(false);
+    const onClick = React.useCallback((_e, checked) => {
+        setCheckboxPressed(checked);
+    }, [setCheckboxPressed]);
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Checkbox, { accessibilityLabel: CHECKBOXV1_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", onChange: onClick, ...testProps(CHECKBOXV1_TEST_COMPONENT) }),
+            React.createElement(Checkbox, { label: CHECKBOXV1_TEST_COMPONENT_LABEL, required: true, ...testProps(CHECKBOXV1_NO_A11Y_LABEL_COMPONENT) }),
+            checkboxPressed ? (React.createElement(Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , { ...testProps(CHECKBOXV1_ON_PRESS) }, "Checkbox Selected")) : null)));
+};
+//# sourceMappingURL=E2ECheckboxV1Test.js.map

package/lib/TestComponents/CheckboxV1/E2ECheckboxV1Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ECheckboxV1Test.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/E2ECheckboxV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,kCAAkC,EAClC,+BAA+B,EAC/B,mBAAmB,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,iBAAiB,GAA4B,GAAG,EAAE;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;QACd,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,QAAQ,IACP,kBAAkB,EAAE,8BAA8B,EAClD,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAE,OAAO,KAEb,SAAS,CAAC,yBAAyB,CAAC,GACxC;YACF,oBAAC,QAAQ,IACP,KAAK,EAAE,+BAA+B,EACtC,QAAQ,WAEJ,SAAS,CAAC,kCAAkC,CAAC,GACjD;YACD,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,IAAI;YACH,6FAA6F;mBACzF,SAAS,CAAC,mBAAmB,CAAC,wBAG7B,CACR,CAAC,CAAC,CAAC,IAAI,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/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/TestComponents/CheckboxV1/OtherCheckboxPropsTest.js

@@ -0,0 +1,36 @@
+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';
+const pressableStyle = { borderWidth: 1, padding: 4, gap: 4, flexDirection: 'row', alignItems: 'center' };
+export const OtherCheckbox = () => {
+    const [isChecked, setisChecked] = React.useState(false);
+    const setCheckedTrue = React.useCallback(() => {
+        setisChecked(true);
+    }, []);
+    const setCheckedFalse = React.useCallback(() => {
+        setisChecked(false);
+    }, []);
+    const onChange = React.useCallback((_e, checked) => {
+        setisChecked(checked);
+    }, []);
+    const onPress = React.useCallback(() => {
+        setisChecked(!isChecked);
+    }, [isChecked]);
+    const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...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/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,MAAM,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,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,OAAgB,EAAE,EAAE;QAC1D,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,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/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/TestComponents/CheckboxV1/SizeCheckboxTest.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+export const SizeCheckbox = () => {
+    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/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,MAAM,YAAY,GAA4B,GAAG,EAAE;IACxD,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/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/TestComponents/CheckboxV1/TokenCheckboxTest.js

@@ -0,0 +1,62 @@
+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);
+}
+const CircleColorCheckbox = Checkbox.customize({
+    checked: {
+        checkboxBackgroundColor: 'green',
+        checkboxBorderColor: 'green',
+        checkmarkColor: 'white',
+    },
+});
+const HoverCheckbox = Checkbox.customize({
+    hovered: {
+        checkmarkOpacity: 1,
+    },
+});
+const BigLabelCheckbox = Checkbox.customize({
+    label: {
+        fontSize: 24,
+        fontWeight: 'bold',
+    },
+});
+const ComposedCheckbox = Checkbox.compose({
+    slotProps: {
+        label: { style: { color: 'hotpink' } },
+    },
+});
+const getThemedStyles = themedStyleSheet((t) => {
+    return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+export const TokenCheckbox = () => {
+    const [checkboxColor, setCheckboxColor] = React.useState('blue');
+    const [checkmarkColor, setCheckmarkColor] = React.useState('white');
+    const BlueCheckbox = Checkbox.customize({
+        checked: {
+            checkboxBackgroundColor: checkboxColor,
+            checkboxBorderColor: checkboxColor,
+            checkmarkColor: checkmarkColor,
+        },
+    });
+    const theme = useTheme();
+    const 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: (e) => {
+                setCheckboxColor(e.nativeEvent.text);
+            } }),
+        React.createElement(TextInput, { accessibilityLabel: "Checkmark color", style: textBoxBorderStyle.textbox, placeholder: "Checkmark color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                setCheckmarkColor(e.nativeEvent.text);
+            } })));
+};
+//# sourceMappingURL=TokenCheckboxTest.js.map

package/lib/TestComponents/CheckboxV1/TokenCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenCheckboxTest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/TokenCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAGxE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,SAAS,oBAAoB,CAAC,EAAoB,EAAE,SAAkB;IACpE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,SAAS,CAAC;IAC7C,OAAO,EAAE;QACP,uBAAuB,EAAE,OAAO;QAChC,mBAAmB,EAAE,OAAO;QAC5B,cAAc,EAAE,OAAO;KACxB;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,QAAQ,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC;IACxC,SAAS,EAAE;QACT,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;KACvC;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,gBAAgB,CAAC,CAAC,CAAQ,EAAE,EAAE;IACpD,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;AACrF,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC;QACtC,OAAO,EAAE;YACP,uBAAuB,EAAE,aAAa;YACtC,mBAAmB,EAAE,aAAa;YAClC,cAAc,EAAE,cAAc;SAC/B;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,oBAAC,IAAI;QACF,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;YACE,oBAAC,aAAa,IAAC,KAAK,EAAC,4CAA4C,EAAC,QAAQ,EAAE,oBAAoB,GAAI;YACpG,oBAAC,mBAAmB,IAClB,KAAK,EAAC,sCAAsC,EAC5C,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,SACd,CACD,CACJ;QAED,oBAAC,gBAAgB,IAAC,KAAK,EAAC,yCAAyC,GAAG;QACpE,oBAAC,gBAAgB,IAAC,KAAK,EAAC,iDAAiD,GAAG;QAE5E,oBAAC,YAAY,IACX,KAAK,EAAC,gDAAgD,EACtD,QAAQ,EAAE,oBAAoB,EAC9B,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAE,KAAK,GACrB;QACF,oBAAC,SAAS,IACR,kBAAkB,EAAC,kBAAkB,EACrC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EACjC,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACvC,CAAC,GACD;QAEF,oBAAC,SAAS,IACR,kBAAkB,EAAC,iBAAiB,EACpC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EACjC,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACxC,CAAC,GACD,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/lib/TestComponents/Chip/ChipDefault.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDefault.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Chip/ChipDefault.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoG/B,CAAC"}

package/lib/TestComponents/Chip/ChipDefault.js

@@ -0,0 +1,52 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import React, { useCallback } from 'react';
+import { StyleSheet, View, ToastAndroid } from 'react-native';
+import { Chip } from '@fluentui-react-native/chip';
+import { Switch } from '@fluentui-react-native/switch';
+import { Text } from '@fluentui-react-native/text';
+import { svgProps } from '../Common/iconExamples';
+export const ChipDefault = () => {
+    const [showCloseIcon, setShowCloseIcon] = React.useState(false);
+    const toggleActivityState = useCallback((_e, isActive) => setShowCloseIcon(isActive), []);
+    const showToast = () => {
+        ToastAndroid.show('Close icon clicked!', ToastAndroid.SHORT);
+    };
+    return (React.createElement(View, null,
+        React.createElement(Switch, { label: 'Show Close Icon', defaultChecked: showCloseIcon, onChange: toggleActivityState }),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Neutral"),
+            React.createElement(Chip, { size: "medium", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Neutral")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", style: styles.rowGap, disabled: true, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Disabled"),
+            React.createElement(Chip, { size: "medium", icon: { svgSource: svgProps }, disabled: true, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Disabled")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", chipColor: "brand", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Brand"),
+            React.createElement(Chip, { size: "medium", chipColor: "brand", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Brand")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", chipColor: "danger", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Danger"),
+            React.createElement(Chip, { size: "medium", chipColor: "danger", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Danger")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", chipColor: "severe", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Severe"),
+            React.createElement(Chip, { size: "medium", chipColor: "severe", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Severe")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", chipColor: "warning", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Warning"),
+            React.createElement(Chip, { size: "medium", chipColor: "warning", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Warning")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { size: "small", chipColor: "success", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Success"),
+            React.createElement(Chip, { size: "medium", chipColor: "success", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Success")),
+        React.createElement(Text, null, "Search Bar Chip"),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { searchBar: true, size: "small", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Chip"),
+            React.createElement(Chip, { searchBar: true, size: "medium", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Chip")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { searchBar: true, size: "small", chipColor: "brand", style: styles.rowGap, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Brand"),
+            React.createElement(Chip, { searchBar: true, size: "medium", chipColor: "brand", icon: { svgSource: svgProps }, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Brand")),
+        React.createElement(View, { style: styles.rowStyle },
+            React.createElement(Chip, { searchBar: true, size: "small", style: styles.rowGap, disabled: true, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Disabled"),
+            React.createElement(Chip, { searchBar: true, size: "medium", icon: { svgSource: svgProps }, disabled: true, showCloseIcon: showCloseIcon, closeIconOnPress: showToast }, "Disabled"))));
+};
+const styles = StyleSheet.create({
+    rowStyle: { flexDirection: 'row', marginTop: 6 },
+    rowGap: { marginRight: 6 },
+});
+//# sourceMappingURL=ChipDefault.js.map

package/lib/TestComponents/Chip/ChipDefault.js.map

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

package/lib/TestComponents/Chip/ChipTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Chip/ChipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAe5B,CAAC"}

package/lib/TestComponents/Chip/ChipTest.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { CHIP_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { ChipDefault } from './ChipDefault';
+import { E2EChipTest } from './E2EChipTest';
+import { Test } from '../Test';
+const chipSections = [
+    {
+        name: 'Default Chip',
+        testID: CHIP_TESTPAGE,
+        component: ChipDefault,
+    },
+];
+const e2eSections = [
+    {
+        name: 'Chip E2E',
+        component: E2EChipTest,
+    },
+];
+export const ChipTest = () => {
+    const status = {
+        win32Status: 'N/A',
+        uwpStatus: 'N/A',
+        iosStatus: 'Production',
+        macosStatus: 'N/A',
+        androidStatus: 'Production',
+    };
+    const description = 'Chips are compact representations of entities (most commonly, people) that can be typed in, deleted or dragged easily.';
+    const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Chip/SPEC.md';
+    return React.createElement(Test, { name: "Chip Test", description: description, spec: spec, sections: chipSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=ChipTest.js.map

package/lib/TestComponents/Chip/ChipTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Chip/ChipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,EAAE;IACpD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,wHAAwH,CAAC;IAE3H,MAAM,IAAI,GAAG,+FAA+F,CAAC;IAE7G,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC3I,CAAC,CAAC"}

package/lib/TestComponents/Chip/E2EChipTest.d.ts.map

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

package/lib/TestComponents/Chip/E2EChipTest.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Chip } from '@fluentui-react-native/chip';
+import { CHIP_CALLBACK_TEXT_END_STATE, CHIP_CALLBACK_TEXT_START_STATE, CHIP_TEST_COMPONENT, CHIP_TEXT, } from '@fluentui-react-native/e2e-testing';
+import { Text } from '@fluentui-react-native/text';
+import { testProps } from '../Common/TestProps';
+export const E2EChipTest = () => {
+    const [text, setText] = React.useState(CHIP_CALLBACK_TEXT_START_STATE);
+    const showTextOnSelection = React.useCallback((_e, isSelected) => setText(isSelected ? CHIP_CALLBACK_TEXT_END_STATE : CHIP_CALLBACK_TEXT_START_STATE), []);
+    return (React.createElement(View, null,
+        React.createElement(Text, { ...testProps(CHIP_TEXT) }, text),
+        React.createElement(Chip
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        , { ...testProps(CHIP_TEST_COMPONENT), chipColor: "success", showCloseIcon: true, onSelectionChange: showTextOnSelection }, "Basic Chip")));
+};
+//# sourceMappingURL=E2EChipTest.js.map

package/lib/TestComponents/Chip/E2EChipTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EChipTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Chip/E2EChipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,EAC9B,mBAAmB,EACnB,SAAS,GACV,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,8BAA8B,CAAC,CAAC;IAC/E,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,EAAoB,EAAE,UAAmB,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,8BAA8B,CAAC,EAClI,EAAE,CACH,CAAC;IACF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,OAAK,SAAS,CAAC,SAAS,CAAC,IAAG,IAAI,CAAQ;QAC7C,oBAAC,IAAI;QACH,6FAA6F;eACzF,SAAS,CAAC,mBAAmB,CAAC,EAClC,SAAS,EAAC,SAAS,EACnB,aAAa,QACb,iBAAiB,EAAE,mBAAmB,iBAGjC,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/lib/TestComponents/ColorTokens/ColorTokenTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTokenTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/ColorTokens/ColorTokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8O/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAYnC,CAAC"}

package/lib/TestComponents/ColorTokens/ColorTokenTest.js

@@ -0,0 +1,182 @@
+import * as React from 'react';
+import { View, StyleSheet, Platform } from 'react-native';
+import { Text, ToggleButton } from '@fluentui/react-native';
+import { createAliasTokens } from '@fluentui-react-native/default-theme';
+import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { createOfficeAliasTokens } from '@fluentui-react-native/win32-theme';
+import Svg, { G, Path } from 'react-native-svg';
+import { commonTestStyles } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+import { Test } from '../Test';
+const getThemedStyles = themedStyleSheet((theme) => {
+    return {
+        swatch: {
+            width: 80,
+            height: 20,
+            marginRight: 5,
+            borderWidth: 2,
+            borderColor: theme.colors.bodyText,
+        },
+    };
+});
+const styles = StyleSheet.create({
+    swatchItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginVertical: 5,
+    },
+    stackStyle: {
+        borderWidth: 2,
+        padding: 12,
+        margin: 8,
+    },
+    statusView: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        margin: 8,
+    },
+    // Needed to ensure that with the button is toggled on, the top of the newly shown
+    // content is visible so the user knows to scroll down
+    toggleButtonAreaPadding: { paddingBottom: 10 },
+    colorDescriptionStyle: { flexDirection: 'row', flexWrap: 'wrap', flex: 1 },
+    colorDescriptionNamePadding: { paddingRight: 5 },
+});
+const getSwatchColorStyle = (colorName, colorValue) => {
+    styles[colorName] = styles[colorName] || { backgroundColor: colorValue };
+    return styles[colorName];
+};
+const ColorToken = (p) => {
+    if (p.colorValue === undefined) {
+        console.warn('Color token ' + p.colorName + ' is undefined');
+    }
+    const themedStyles = getThemedStyles(useTheme());
+    return (React.createElement(View, { style: styles.swatchItem },
+        React.createElement(View, { style: [getSwatchColorStyle(p.colorName, p.colorValue), themedStyles.swatch], ...testProps(COLORTOKENS_TEST_COMPONENT) }),
+        React.createElement(View, { style: styles.colorDescriptionStyle },
+            React.createElement(Text, { style: styles.colorDescriptionNamePadding }, p.colorName),
+            React.createElement(Text, null, '(' + p.colorValue?.toString() + ')'))));
+};
+const getSwatch = (item) => {
+    const { colorValue, colorName } = item;
+    return React.createElement(ColorToken, { key: colorName, colorValue: colorValue, colorName: colorName });
+};
+/// Alias color tokens
+const AliasColorTokensSwatchList = () => {
+    const theme = useTheme();
+    const isOfficeTheme = theme.name === 'White' ||
+        theme.name === 'Colorful' ||
+        theme.name === 'DarkGray' ||
+        theme.name === 'Black' ||
+        theme.name === 'HighContrast';
+    const aliasColorTokens = isOfficeTheme
+        ? createOfficeAliasTokens(theme.name)
+        : createAliasTokens(getCurrentAppearance(theme.host.appearance, 'light'));
+    const aggregator = React.useCallback((colorName) => {
+        return { colorName: colorName, colorValue: aliasColorTokens[colorName] };
+    }, [aliasColorTokens]);
+    const flattenArray = React.useCallback(() => {
+        return Object.keys(aliasColorTokens).map(aggregator);
+    }, [aliasColorTokens, aggregator]);
+    const aliasColorTokensAsArray = React.useMemo(flattenArray, [flattenArray]);
+    const renderSwatch = React.useCallback(getSwatch, []);
+    return (React.createElement(View, { style: commonTestStyles.view },
+        React.createElement(View, { style: styles.stackStyle }, aliasColorTokensAsArray.map((item) => renderSwatch(item)))));
+};
+/// Global color tokens - neutral
+const globalNeutralColorNamesSortedDarkToLight = Object.keys(globalTokens.color)
+    .filter((globalColorName) => globalColorName.includes('grey') || globalColorName === 'black' || globalColorName === 'white')
+    .sort((color1, color2) => {
+    const color1hex = globalTokens.color[color1];
+    const color2hex = globalTokens.color[color2];
+    // All global color tokens are hex based colors, so we can make the assumption that ordering the hex values alphabetically
+    // will order the colors from dark to light
+    return color1hex === color2hex ? 0 : color1hex < color2hex ? -1 : 1;
+});
+const globalNeutralColorTokensAsArray = globalNeutralColorNamesSortedDarkToLight.map((colorName) => {
+    return {
+        colorName: colorName,
+        colorValue: globalTokens.color[colorName],
+    };
+});
+const GlobalNeutralColorTokensSwatchList = () => {
+    const renderSwatch = React.useCallback(getSwatch, []);
+    return (React.createElement(View, { style: commonTestStyles.view },
+        React.createElement(View, { style: styles.stackStyle }, globalNeutralColorTokensAsArray.map((item) => renderSwatch(item)))));
+};
+/// Global color tokens - shared
+const globalSharedColorNames = Object.keys(globalTokens.color).filter((key) => globalTokens.color[key].primary !== undefined);
+const globalSharedColorVariantsSortedDarkToLight = Object.keys(globalTokens.color.red).sort((color1, color2) => {
+    const color1hex = globalTokens.color.red[color1];
+    const color2hex = globalTokens.color.red[color2];
+    // All global color tokens are hex based colors, so we can make the assumption that ordering the hex values alphabetically
+    // will order the colors from dark to light
+    return color1hex === color2hex ? 0 : color1hex < color2hex ? -1 : 1;
+});
+const globalSharedColorTokensAsArray = globalSharedColorNames
+    .map((sharedColorName) => {
+    return globalSharedColorVariantsSortedDarkToLight.map((variant) => {
+        return {
+            colorName: sharedColorName + '.' + variant,
+            colorValue: globalTokens.color[sharedColorName][variant],
+        };
+    });
+})
+    .reduce((accumulator, sharedColor) => accumulator.concat(sharedColor));
+const GlobalSharedColorTokensSwatchList = () => {
+    const renderSwatch = React.useCallback(getSwatch, []);
+    const [showGlobalSharedColors, setShowGlobalSharedColors] = React.useState(false);
+    const toggleSvg = () => {
+        const plusPath = 'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
+        const minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
+        const path = showGlobalSharedColors ? minusPath : plusPath;
+        return (React.createElement(Svg, null,
+            React.createElement(G, null,
+                React.createElement(Path, { d: path, fill: "black" }))));
+    };
+    const svgProps = { src: toggleSvg };
+    const plusCodepoint = 0x2795;
+    const minusCodepoint = 0x2796;
+    const fontIconProps = {
+        codepoint: showGlobalSharedColors ? minusCodepoint : plusCodepoint,
+        fontSize: 10,
+    };
+    const toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
+    return (React.createElement(View, { style: styles.toggleButtonAreaPadding },
+        React.createElement(View, { style: styles.statusView },
+            React.createElement(Text, { variant: "subheaderStandard" }, "Show color tokens"),
+            React.createElement(ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: () => setShowGlobalSharedColors(!showGlobalSharedColors) })),
+        showGlobalSharedColors && (React.createElement(View, { style: commonTestStyles.view },
+            React.createElement(View, { style: styles.stackStyle }, globalSharedColorTokensAsArray.map((item) => renderSwatch(item)))))));
+};
+const themeSections = [
+    {
+        name: 'Alias Color Tokens',
+        testID: COLORTOKEN_TESTPAGE,
+        component: () => React.createElement(AliasColorTokensSwatchList, null),
+    },
+    {
+        name: 'Global Color Tokens - Neutral Colors',
+        component: () => React.createElement(GlobalNeutralColorTokensSwatchList, null),
+    },
+    {
+        name: 'Global Color Tokens - Shared Colors',
+        component: () => React.createElement(GlobalSharedColorTokensSwatchList, null),
+    },
+];
+export const ColorTokensTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Production',
+        macosStatus: 'Backlog',
+        androidStatus: 'Production',
+    };
+    const description = 'Alias and global tokens given from token pipeline. Used to style components.';
+    return React.createElement(Test, { name: "Color Tokens Test", description: description, sections: themeSections, status: status });
+};
+//# sourceMappingURL=ColorTokenTest.js.map

package/lib/TestComponents/ColorTokens/ColorTokenTest.js.map

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