@fluentui-react-native/tester 0.170.27 → 0.170.28

package/lib-commonjs/TestComponents/Avatar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./NativeAvatarTest"), exports);
+tslib_1.__exportStar(require("./AvatarTest"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,uDAA6B"}

package/lib-commonjs/TestComponents/Avatar/testImageSources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testImageSources.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/testImageSources.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,eAAe,EAAE,cAE7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAEnC,CAAC"}

package/lib-commonjs/TestComponents/Avatar/testImageSources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testImageSources.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/testImageSources.tsx"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAmB;IAC7C,GAAG,EAAE,w/zBAAw/zB;CAC9/zB,CAAC;AAEW,QAAA,qBAAqB,GAAmB;IACnD,GAAG,EAAE,gzCAAgzC;CACtzC,CAAC"}

package/lib-commonjs/TestComponents/Badge/BadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAiB7B,CAAC"}

package/lib-commonjs/TestComponents/Badge/BadgeTest.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const BasicBadgeTest_1 = require("./BasicBadgeTest");
+const CounterBadgeTest_1 = require("./CounterBadgeTest");
+const E2EBadgeTest_1 = require("./E2EBadgeTest");
+const PresenceBadgeTest_1 = require("./PresenceBadgeTest");
+const Test_1 = require("../Test");
+const badgeSections = [
+    react_native_1.Platform.select({
+        android: null,
+        default: {
+            name: 'Basic Badge',
+            testID: e2e_testing_1.BADGE_TESTPAGE,
+            component: BasicBadgeTest_1.BasicBadge,
+        },
+    }),
+    {
+        name: 'Counter Badge',
+        testID: e2e_testing_1.BADGE_TESTPAGE,
+        component: CounterBadgeTest_1.CounterBadgeTest,
+    },
+    {
+        name: 'Presence Badge',
+        component: PresenceBadgeTest_1.PresenceBadgeTest,
+    },
+];
+const e2eSections = [
+    {
+        name: 'Badge E2E',
+        component: E2EBadgeTest_1.E2EBadgeTest,
+    },
+];
+const BadgeTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'N/A',
+        macosStatus: 'Production',
+        androidStatus: 'N/A',
+    };
+    const description = 'A badge is an additional visual descriptor for UI elements. It can be used to denote numerical value, status or general information.\n Included in this spec are base properties for usage in all badge scenarios. Reference properties for other badge types i.e. size, layout, and style variations';
+    const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Badge/SPEC.md';
+    return (React.createElement(Test_1.Test, { name: "Badge Test", description: description, spec: spec, sections: badgeSections, status: status, e2eSections: e2eSections }));
+};
+exports.BadgeTest = BadgeTest;
+//# sourceMappingURL=BadgeTest.js.map

package/lib-commonjs/TestComponents/Badge/BadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAwC;AAExC,oEAAoE;AAEpE,qDAA8C;AAC9C,yDAAsD;AACtD,iDAA8C;AAC9C,2DAAwD;AAExD,kCAA+B;AAE/B,MAAM,aAAa,GAAkB;IACnC,uBAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,OAAO,EAAE;YACP,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE,4BAAc;YACtB,SAAS,EAAE,2BAAU;SACtB;KACF,CAAC;IACF;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,4BAAc;QACtB,SAAS,EAAE,mCAAgB;KAC5B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,qCAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,2BAAY;KACxB;CACF,CAAC;AAEK,MAAM,SAAS,GAA4B,GAAG,EAAE;IACrD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,WAAW,GACf,uSAAuS,CAAC;IAE1S,MAAM,IAAI,GAAG,gGAAgG,CAAC;IAE9G,OAAO,CACL,oBAAC,WAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACpI,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB"}

package/lib-commonjs/TestComponents/Badge/BasicBadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA+B9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAwG9B,CAAC"}

package/lib-commonjs/TestComponents/Badge/BasicBadgeTest.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicBadge = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const badge_1 = require("@fluentui-react-native/badge");
+const framework_1 = require("@fluentui-react-native/framework");
+const text_1 = require("@fluentui-react-native/text");
+const iconExamples_1 = require("../Common/iconExamples");
+const StyledPicker_1 = require("../Common/StyledPicker");
+const styles_1 = require("../PersonaCoin/styles");
+const badgeColors = [...badge_1.BadgeColors];
+const badgeShapes = [...badge_1.BadgeShapes];
+const badgeSizes = [...badge_1.BadgeSizes];
+const badgeAppearances = [...badge_1.BadgeAppearances];
+const badgeIconPositions = ['before', 'after'];
+const useCustomizedBadge = (tokensAndprops) => {
+    return (0, react_1.useMemo)(() => badge_1.Badge.customize({ ...tokensAndprops }), [tokensAndprops]);
+};
+const BasicBadge = () => {
+    const [badgeAppearance, setBadgeAppearance] = (0, react_1.useState)('filled');
+    const [badgeColor, setBadgeColor] = (0, react_1.useState)('brand');
+    const [shape, setShape] = (0, react_1.useState)('circular');
+    const [size, setSize] = (0, react_1.useState)('medium');
+    const [showIcon, setShowIcon] = (0, react_1.useState)(false);
+    const [iconPosition, setIconPosition] = (0, react_1.useState)('before');
+    const [showShadow, setShowShadow] = (0, react_1.useState)(false);
+    const onBadgeAppearanceChange = (0, react_1.useCallback)((value) => setBadgeAppearance(value), []);
+    const onBadgeColorChange = (0, react_1.useCallback)((value) => setBadgeColor(value), []);
+    const onShapeChange = (0, react_1.useCallback)((value) => setShape(value), []);
+    const onSizeChange = (0, react_1.useCallback)((value) => setSize(value), []);
+    const onIconPositionChange = (0, react_1.useCallback)((value) => setIconPosition(value), []);
+    const onShowShadowChange = (0, react_1.useCallback)(() => setShowShadow(!showShadow), [showShadow, setShowShadow]);
+    const onShowIconChange = (0, react_1.useCallback)(() => setShowIcon(!showIcon), [showIcon, setShowIcon]);
+    const theme = (0, framework_1.useFluentTheme)();
+    const fontBuiltInProps = {
+        fontFamily: 'Arial',
+        codepoint: 0x2663,
+        fontSize: 16,
+    };
+    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    const shadow = showShadow ? theme.shadows.shadow4 : undefined;
+    const showShadowWarning = showShadow && (badgeAppearance == 'ghost' || badgeAppearance == 'outline');
+    const CustomBadge = useCustomizedBadge({ shadowToken: shadow });
+    const badgeConfig = {
+        appearance: badgeAppearance,
+        badgeColor,
+        size,
+        shape,
+    };
+    const StyledBadge = useCustomizedBadge({
+        fontWeight: 'bold',
+        fontSize: 12,
+        fontFamily: 'Georgia',
+        backgroundColor: '#f09',
+        borderColor: 'purple',
+        color: 'yellow',
+        borderWidth: 4,
+        borderStyle: 'dashed',
+        borderRadius: 2,
+        iconColor: 'cyan',
+        shadowToken: theme.shadows.shadow16,
+    });
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Badge appearance", selected: badgeAppearance, onChange: onBadgeAppearanceChange, collection: badgeAppearances }),
+        react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Badge color", selected: badgeColor, onChange: onBadgeColorChange, collection: badgeColors }),
+        react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Shape", selected: shape, onChange: onShapeChange, collection: badgeShapes }),
+        react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Size", selected: size, onChange: onSizeChange, collection: badgeSizes }),
+        svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(react_native_2.ToggleButton, { onClick: onShowIconChange, checked: showIcon },
+                "Set ",
+                showIcon ? ' Hide icon' : ' Show icon'),
+            react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Icon position", selected: iconPosition, onChange: onIconPositionChange, collection: badgeIconPositions }))),
+        react_1.default.createElement(react_native_2.ToggleButton, { onClick: onShowShadowChange, checked: showShadow },
+            "Set ",
+            showShadow ? ' Hide shadow' : ' Show shadow'),
+        react_1.default.createElement(react_native_1.View, { style: { position: 'relative', backgroundColor: 'yellow', padding: 20, width: 200 } },
+            react_1.default.createElement(text_1.Text, null, "Parent component for the Badge"),
+            svgIconsEnabled && showIcon ? (react_1.default.createElement(CustomBadge, { ...badgeConfig, icon: { svgSource: iconExamples_1.svgProps }, iconPosition: iconPosition }, "Basic badge")) : (react_1.default.createElement(CustomBadge, { ...badgeConfig }, "Basic badge")),
+            showShadowWarning && react_1.default.createElement(text_1.Text, { variant: "captionStandard" }, "Adding a shadow to ghost and outline variants is not supported")),
+        react_1.default.createElement(text_1.Text, null, "Size"),
+        react_1.default.createElement(badge_1.Badge, { size: "tiny" }),
+        react_1.default.createElement(badge_1.Badge, { size: "extraSmall", badgeColor: "red" }),
+        react_1.default.createElement(badge_1.Badge, { size: "small" }, "Small"),
+        react_1.default.createElement(badge_1.Badge, { size: "medium" }, "Medium"),
+        react_1.default.createElement(badge_1.Badge, { size: "large" }, "Large"),
+        react_1.default.createElement(badge_1.Badge, { size: "extraLarge" }, "Extra Large"),
+        svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(text_1.Text, null, "Badge with icon"),
+            react_1.default.createElement(badge_1.Badge, { icon: iconExamples_1.iconProps, iconPosition: "after" },
+                "Badge with",
+                react_1.default.createElement(react_native_1.Image, { source: { uri: styles_1.satyaPhotoUrl }, style: { width: 20, height: 20 } }),
+                react_1.default.createElement(text_1.Text, { style: { backgroundColor: 'yellow' } }, "optional content")),
+            react_1.default.createElement(badge_1.Badge, { appearance: "outline", icon: { ...iconExamples_1.iconProps, width: 20, height: 20 } }),
+            react_1.default.createElement(badge_1.Badge, { icon: { fontSource: { ...fontBuiltInProps }, color: '#fff' } }, "Badge with icon"),
+            react_1.default.createElement(text_1.Text, null, "Customized Badge with icon"),
+            react_1.default.createElement(StyledBadge, { icon: { svgSource: iconExamples_1.svgProps } }, "Styled badge")))));
+};
+exports.BasicBadge = BasicBadge;
+//# sourceMappingURL=BasicBadgeTest.js.map

package/lib-commonjs/TestComponents/Badge/BasicBadgeTest.js.map

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

package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAwBpC,CAAC"}

package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.android.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CounterBadgeTest = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const badge_1 = require("@fluentui-react-native/badge");
+const CounterBadgeTest = () => {
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "Dot badge"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 13, dot: true }),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 0, dot: true }),
+        react_1.default.createElement(react_native_1.Text, null, "Here no Badge is displayed"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 0 }),
+        react_1.default.createElement(react_native_1.Text, null, "And here is the Badge with showZero = true"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 0, showZero: true }),
+        react_1.default.createElement(react_native_1.Text, null, "Default counter badge"),
+        react_1.default.createElement(badge_1.CounterBadge, null, "Badge"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 10 }),
+        react_1.default.createElement(react_native_1.Text, null, "Overflow sample"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 777 }),
+        react_1.default.createElement(badge_1.CounterBadge, { overflowCount: 1000, count: 777 }),
+        react_1.default.createElement(react_native_1.Text, null, "List counter badge"),
+        react_1.default.createElement(badge_1.CounterBadge, { list: true }, "Badge"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 10, list: true }),
+        react_1.default.createElement(react_native_1.Text, null, "Overflow sample"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 777, list: true }),
+        react_1.default.createElement(badge_1.CounterBadge, { overflowCount: 1000, count: 777, list: true })));
+};
+exports.CounterBadgeTest = CounterBadgeTest;
+//# sourceMappingURL=CounterBadgeTest.android.js.map

package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.android.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,+CAA0C;AAE1C,wDAA4D;AAErD,MAAM,gBAAgB,GAA4B,GAAG,EAAE;IAC5D,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,oBAAiB;QACtB,8BAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,GAAiB;QACnD,8BAAC,oBAAY,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,GAAiB;QAClD,8BAAC,mBAAI,qCAAkC;QACvC,8BAAC,oBAAY,IAAC,KAAK,EAAE,CAAC,GAAiB;QACvC,8BAAC,mBAAI,qDAAkD;QACvD,8BAAC,oBAAY,IAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAiB;QACvD,8BAAC,mBAAI,gCAA6B;QAClC,8BAAC,oBAAY,gBAAqB;QAClC,8BAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,GAAiB;QACxC,8BAAC,mBAAI,0BAAuB;QAC5B,8BAAC,oBAAY,IAAC,KAAK,EAAE,GAAG,GAAiB;QACzC,8BAAC,oBAAY,IAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAiB;QAC9D,8BAAC,mBAAI,6BAA0B;QAC/B,8BAAC,oBAAY,IAAC,IAAI,EAAE,IAAI,YAAsB;QAC9C,8BAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAiB;QACpD,8BAAC,mBAAI,0BAAuB;QAC5B,8BAAC,oBAAY,IAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAiB;QACrD,8BAAC,oBAAY,IAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAiB,CACrE,CACR,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B"}

package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAmBpC,CAAC"}

package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CounterBadgeTest = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const badge_1 = require("@fluentui-react-native/badge");
+const iconExamples_1 = require("../Common/iconExamples");
+const CounterBadgeTest = () => {
+    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Text, null, "Dot badge"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 13, dot: true }),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 0, dot: true }),
+        react_1.default.createElement(react_native_1.Text, null, "Here should be no Badge:"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 0 }),
+        react_1.default.createElement(react_native_1.Text, null, "And here is the Badge with showZero = true"),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 0, showZero: true }),
+        react_1.default.createElement(badge_1.CounterBadge, { badgeColor: "informative", count: 777 }),
+        react_1.default.createElement(badge_1.CounterBadge, { badgeColor: "important", overflowCount: 1000, count: 777 }),
+        react_1.default.createElement(badge_1.CounterBadge, { badgeColor: "danger", overflowCount: 1000, count: 1500 }),
+        react_1.default.createElement(badge_1.CounterBadge, { count: 13 }),
+        svgIconsEnabled && react_1.default.createElement(badge_1.CounterBadge, { count: 17, icon: iconExamples_1.iconProps, iconPosition: "after" })));
+};
+exports.CounterBadgeTest = CounterBadgeTest;
+//# sourceMappingURL=CounterBadgeTest.js.map

package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,0DAA0B;AAC1B,+CAAoD;AAEpD,wDAA4D;AAE5D,yDAAmD;AAE5C,MAAM,gBAAgB,GAA4B,GAAG,EAAE;IAC5D,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,mBAAI,oBAAiB;QACtB,8BAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,GAAiB;QACnD,8BAAC,oBAAY,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,GAAiB;QAClD,8BAAC,mBAAI,mCAAgC;QACrC,8BAAC,oBAAY,IAAC,KAAK,EAAE,CAAC,GAAiB;QACvC,8BAAC,mBAAI,qDAAkD;QACvD,8BAAC,oBAAY,IAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAiB;QACvD,8BAAC,oBAAY,IAAC,UAAU,EAAC,aAAa,EAAC,KAAK,EAAE,GAAG,GAAiB;QAClE,8BAAC,oBAAY,IAAC,UAAU,EAAC,WAAW,EAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAiB;QACrF,8BAAC,oBAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAiB;QACnF,8BAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,GAAI;QAC1B,eAAe,IAAI,8BAAC,oBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,wBAAS,EAAE,YAAY,EAAC,OAAO,GAAG,CAChF,CACR,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,gBAAgB,oBAmB3B"}

package/lib-commonjs/TestComponents/Badge/E2EBadgeTest.d.ts.map

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

package/lib-commonjs/TestComponents/Badge/E2EBadgeTest.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2EBadgeTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const badge_1 = require("@fluentui-react-native/badge");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const TestProps_1 = require("../Common/TestProps");
+const E2EBadgeTest = () => {
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(badge_1.Badge
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        , { ...(0, TestProps_1.testProps)(e2e_testing_1.BADGE_TEST_COMPONENT), appearance: "outline", size: "extraLarge", badgeColor: "success", shape: "square" }, "Basic Badge"),
+        React.createElement(badge_1.PresenceBadge
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        , { ...(0, TestProps_1.testProps)(e2e_testing_1.BADGE_SECONDARY_TEST_COMPONENT), status: "available", outOfOffice: true })));
+};
+exports.E2EBadgeTest = E2EBadgeTest;
+//# sourceMappingURL=E2EBadgeTest.js.map

package/lib-commonjs/TestComponents/Badge/E2EBadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/E2EBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAoC;AAEpC,wDAAoE;AACpE,oEAA0G;AAE1G,mDAAgD;AAEzC,MAAM,YAAY,GAA4B,GAAG,EAAE;IACxD,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK;QACJ,6FAA6F;eACzF,IAAA,qBAAS,EAAC,kCAAoB,CAAC,EACnC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,YAAY,EACjB,UAAU,EAAC,SAAS,EACpB,KAAK,EAAC,QAAQ,kBAGR;QACR,oBAAC,qBAAa;QACZ,6FAA6F;eACzF,IAAA,qBAAS,EAAC,4CAA8B,CAAC,EAC7C,MAAM,EAAC,WAAW,EAClB,WAAW,EAAE,IAAI,GACjB,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB"}

package/lib-commonjs/TestComponents/Badge/PresenceBadgeTest.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadgeTest.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/PresenceBadgeTest.android.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA2CrC,CAAC"}

package/lib-commonjs/TestComponents/Badge/PresenceBadgeTest.android.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresenceBadgeTest = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const badge_1 = require("@fluentui-react-native/badge");
+const PresenceBadgeTest = () => {
+    const [outOfOffice, setOutOfOffice] = (0, react_1.useState)(false);
+    const toggleOutOfOffice = (0, react_1.useCallback)(() => setOutOfOffice(!outOfOffice), [outOfOffice]);
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_2.ToggleButton, { onClick: toggleOutOfOffice, checked: outOfOffice },
+            "Set ",
+            outOfOffice ? ' In office' : ' Out of office'),
+        react_1.default.createElement(react_native_1.Text, null, "Small"),
+        react_1.default.createElement(react_native_1.View, { style: styles.rowStyle },
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: "small", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: "small", outOfOffice: outOfOffice })),
+        react_1.default.createElement(react_native_1.Text, null, "Medium"),
+        react_1.default.createElement(react_native_1.View, { style: styles.rowStyle },
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: "medium", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: "medium", outOfOffice: outOfOffice })),
+        react_1.default.createElement(react_native_1.Text, null, "Large"),
+        react_1.default.createElement(react_native_1.View, { style: styles.rowStyle },
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: "large", outOfOffice: outOfOffice }),
+            react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: "large", outOfOffice: outOfOffice }))));
+};
+exports.PresenceBadgeTest = PresenceBadgeTest;
+const styles = react_native_1.StyleSheet.create({
+    rowStyle: { flexDirection: 'row' },
+});
+//# sourceMappingURL=PresenceBadgeTest.android.js.map

package/lib-commonjs/TestComponents/Badge/PresenceBadgeTest.android.js.map

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

package/lib-commonjs/TestComponents/Badge/PresenceBadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/PresenceBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAUrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA6BrC,CAAC"}

package/lib-commonjs/TestComponents/Badge/PresenceBadgeTest.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresenceBadgeTest = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const badge_1 = require("@fluentui-react-native/badge");
+const StyledPicker_1 = require("../Common/StyledPicker");
+const badgeSizes = [...badge_1.BadgeSizes];
+const PresenceBadgeTest = () => {
+    const [size, setSize] = (0, react_1.useState)('medium');
+    const [outOfOffice, setOutOfOffice] = (0, react_1.useState)(false);
+    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    const onSizeChange = (0, react_1.useCallback)((value) => setSize(value), []);
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Size", selected: size, onChange: onSizeChange, collection: badgeSizes }),
+        react_1.default.createElement(react_native_2.ToggleButton, { onClick: () => setOutOfOffice(!outOfOffice), checked: outOfOffice },
+            "Set ",
+            outOfOffice ? ' In office' : ' Out of office'),
+        svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(react_native_1.Text, null, "Presence Badge"),
+            react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', marginEnd: 8 } },
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: size, outOfOffice: outOfOffice }),
+                react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: size, outOfOffice: outOfOffice }))))));
+};
+exports.PresenceBadgeTest = PresenceBadgeTest;
+//# sourceMappingURL=PresenceBadgeTest.js.map

package/lib-commonjs/TestComponents/Badge/PresenceBadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/PresenceBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAAqD;AACrD,+CAAoD;AAEpD,yDAAsD;AAEtD,wDAAyE;AAEzE,yDAAsD;AAEtD,MAAM,UAAU,GAAgB,CAAC,GAAG,kBAAU,CAAC,CAAC;AACzC,MAAM,iBAAiB,GAA4B,GAAG,EAAE;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAY,QAAQ,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,2BAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,GAAI;QAC9F,8BAAC,2BAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW;;YACxE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CACrC;QACd,eAAe,IAAI,CAClB;YACE,8BAAC,mBAAI,yBAAsB;YAC3B,8BAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE;gBACjD,8BAAC,qBAAa,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC1E,8BAAC,qBAAa,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBACxE,8BAAC,qBAAa,IAAC,MAAM,EAAC,cAAc,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC7E,8BAAC,qBAAa,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBACrE,8BAAC,qBAAa,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBACrE,8BAAC,qBAAa,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBACxE,8BAAC,qBAAa,IAAC,MAAM,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC5E,8BAAC,qBAAa,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,CACnE,CACN,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,iBAAiB,qBA6B5B"}

package/lib-commonjs/TestComponents/Badge/index.d.ts.map

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

package/lib-commonjs/TestComponents/Badge/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BadgeTest"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B"}

package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonHOCTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA6BjC,CAAC"}

package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonHOCTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
+const text_1 = require("@fluentui-react-native/text");
+const iconExamples_1 = require("../Common/iconExamples");
+const styles_1 = require("../Common/styles");
+const CustomText = text_1.TextV1.customize({ fontSize: 'header', color: '#ad0258' });
+const CustomButton = react_native_2.ButtonV1.customize({ backgroundColor: 'pink' });
+const CustomIconButton = react_native_2.ButtonV1.customize({ iconColor: 'yellow' });
+const ComposedButton = react_native_2.ButtonV1.compose({
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore Not all slots have to be overridden for compose to work
+    slots: {
+        content: CustomText,
+    },
+    slotProps: {
+        content: {
+            style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
+        },
+    },
+});
+const ButtonHOCTest = () => {
+    const buttonRef = React.useRef(null);
+    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
+        React.createElement(CustomButton, { style: styles_1.commonTestStyles.vmargin, componentRef: buttonRef }, "Customized Button with ref"),
+        svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: iconExamples_1.svgProps } }, "Customized Icon Button"),
+        React.createElement(react_native_2.ButtonV1, { style: styles_1.commonTestStyles.vmargin, onClick: (e) => {
+                console.log(e.timeStamp);
+                if ((0, interactive_hooks_1.isGestureResponderEvent)(e)) {
+                    console.log('I was clicked!');
+                }
+                if (buttonRef.current) {
+                    buttonRef.current.focus();
+                }
+            } }, "Press to focus Customized Button"),
+        React.createElement(ComposedButton, { style: styles_1.commonTestStyles.vmargin }, "Composed button using customized Text for text slot")));
+};
+exports.ButtonHOCTest = ButtonHOCTest;
+//# sourceMappingURL=ButtonHOCTestSection.js.map

package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAA8C;AAE9C,yDAA4D;AAE5D,gFAAmF;AACnF,sDAA6D;AAE7D,yDAAkD;AAClD,6CAAgE;AAEhE,MAAM,UAAU,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,MAAM,YAAY,GAAG,uBAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,MAAM,gBAAgB,GAAG,uBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,MAAM,cAAc,GAAG,uBAAM,CAAC,OAAO,CAAC;IACpC,6DAA6D;IAC7D,qEAAqE;IACrE,KAAK,EAAE;QACL,OAAO,EAAE,UAAU;KACpB;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;SACzE;KACF;CACF,CAAC,CAAC;AAEI,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACd,eAAe,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,6BAA2C;QAC9G,oBAAC,uBAAM,IACL,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC/B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAEzB,IAAI,IAAA,2CAAuB,EAAC,CAAC,CAAC,EAAE;oBAC9B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;iBAC/B;gBAED,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,uCAGM;QACT,oBAAC,cAAc,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB"}

package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.d.ts.map

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

package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonIconTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const iconExamples_1 = require("../Common/iconExamples");
+const styles_1 = require("../Common/styles");
+const ButtonIconTest = () => {
+    const fontBuiltInProps = {
+        fontFamily: 'Arial',
+        codepoint: 0x2663,
+        fontSize: 24,
+    };
+    return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
+        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(react_native_2.ButtonV1, { appearance: "accent", icon: { svgSource: iconExamples_1.svgProps, color: 'black' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
+        React.createElement(react_native_2.ButtonV1, { icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG")));
+};
+exports.ButtonIconTest = ButtonIconTest;
+//# sourceMappingURL=ButtonIconTestSection.android.js.map

package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTestSection.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.android.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAoC;AAEpC,yDAA4D;AAE5D,yDAA6D;AAC7D,6CAA8E;AAEvE,MAAM,cAAc,GAA4B,GAAG,EAAE;IAC1D,MAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAwB;QACnC,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEjG;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB"}

package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA0DlC,CAAC"}

package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonIconTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const react_native_svg_1 = require("react-native-svg");
+const iconExamples_1 = require("../Common/iconExamples");
+const styles_1 = require("../Common/styles");
+const styles = react_native_1.StyleSheet.create({
+    chevron: { paddingStart: 4 },
+});
+const ButtonIconTest = () => {
+    const fontBuiltInProps = {
+        fontFamily: 'Arial',
+        codepoint: 0x2663,
+        fontSize: 24,
+    };
+    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    const chevronXml = `
+          <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
+            <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
+          </svg>`;
+    return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
+        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
+        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        svgIconsEnabled && (React.createElement(React.Fragment, null,
+            React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: { svgSource: iconExamples_1.svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
+            React.createElement(react_native_2.ButtonV1, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
+        React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
+        React.createElement(react_native_2.ButtonV1, { icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
+        svgIconsEnabled && (React.createElement(react_native_2.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: iconExamples_1.iconProps },
+            "Icon Button and Chevron",
+            React.createElement(react_native_1.View, { style: styles.chevron },
+                React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
+};
+exports.ButtonIconTest = ButtonIconTest;
+//# sourceMappingURL=ButtonIconTestSection.js.map

package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAA0D;AAE1D,yDAA4D;AAC5D,uDAA0C;AAE1C,yDAAwE;AACxE,6CAA8E;AAE9E,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEI,MAAM,cAAc,GAA4B,GAAG,EAAE;IAC1D,MAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,MAAM,UAAU,GAAG;;;iBAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAwB;QACnC,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,uBAAM,IACL,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACR,CACJ;QACD,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C;QACR,eAAe,IAAI,CAClB,oBAAC,uBAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,wBAAS;;YAEtD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,cAAc,kBA0DzB"}

package/lib-commonjs/TestComponents/Button/ButtonShapeTestSection.d.ts.map

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