@fluentui-react-native/tester 0.170.27 → 0.170.28

package/lib-commonjs/fluent-tester/src/TestComponents/ColorTokens/ColorTokenTest.js

@@ -1,188 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorTokensTest = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_native_1 = require("react-native");
-var react_native_2 = require("@fluentui/react-native");
-var default_theme_1 = require("@fluentui-react-native/default-theme");
-var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-var theme_types_1 = require("@fluentui-react-native/theme-types");
-var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
-var theming_utils_1 = require("@fluentui-react-native/theming-utils");
-var win32_theme_1 = require("@fluentui-react-native/win32-theme");
-var react_native_svg_1 = tslib_1.__importStar(require("react-native-svg"));
-var consts_1 = require("../../../../E2E/src/ColorTokens/consts");
-var styles_1 = require("../Common/styles");
-var TestProps_1 = require("../Common/TestProps");
-var Test_1 = require("../Test");
-var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (theme) {
-    return {
-        swatch: {
-            width: 80,
-            height: 20,
-            marginRight: 5,
-            borderWidth: 2,
-            borderColor: theme.colors.bodyText,
-        },
-    };
-});
-var styles = react_native_1.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 },
-});
-var getSwatchColorStyle = function (colorName, colorValue) {
-    styles[colorName] = styles[colorName] || { backgroundColor: colorValue };
-    return styles[colorName];
-};
-var ColorToken = function (p) {
-    var _a;
-    if (p.colorValue === undefined) {
-        console.warn('Color token ' + p.colorName + ' is undefined');
-    }
-    var themedStyles = getThemedStyles((0, theme_types_1.useTheme)());
-    return (React.createElement(react_native_1.View, { style: styles.swatchItem },
-        React.createElement(react_native_1.View, tslib_1.__assign({ style: [getSwatchColorStyle(p.colorName, p.colorValue), themedStyles.swatch] }, (0, TestProps_1.testProps)(consts_1.COLORTOKENS_TEST_COMPONENT))),
-        React.createElement(react_native_1.View, { style: styles.colorDescriptionStyle },
-            React.createElement(react_native_2.Text, { style: styles.colorDescriptionNamePadding }, p.colorName),
-            React.createElement(react_native_2.Text, null, '(' + ((_a = p.colorValue) === null || _a === void 0 ? void 0 : _a.toString()) + ')'))));
-};
-var getSwatch = function (item) {
-    var colorValue = item.colorValue, colorName = item.colorName;
-    return React.createElement(ColorToken, { key: colorName, colorValue: colorValue, colorName: colorName });
-};
-/// Alias color tokens
-var AliasColorTokensSwatchList = function () {
-    var theme = (0, theme_types_1.useTheme)();
-    var isOfficeTheme = theme.name === 'White' ||
-        theme.name === 'Colorful' ||
-        theme.name === 'DarkGray' ||
-        theme.name === 'Black' ||
-        theme.name === 'HighContrast';
-    var aliasColorTokens = isOfficeTheme
-        ? (0, win32_theme_1.createOfficeAliasTokens)(theme.name)
-        : (0, default_theme_1.createAliasTokens)((0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light'));
-    var aggregator = React.useCallback(function (colorName) {
-        return { colorName: colorName, colorValue: aliasColorTokens[colorName] };
-    }, [aliasColorTokens]);
-    var flattenArray = React.useCallback(function () {
-        return Object.keys(aliasColorTokens).map(aggregator);
-    }, [aliasColorTokens, aggregator]);
-    var aliasColorTokensAsArray = React.useMemo(flattenArray, [flattenArray]);
-    var renderSwatch = React.useCallback(getSwatch, []);
-    return (React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.view },
-        React.createElement(react_native_1.View, { style: styles.stackStyle }, aliasColorTokensAsArray.map(function (item) { return renderSwatch(item); }))));
-};
-/// Global color tokens - neutral
-var globalNeutralColorNamesSortedDarkToLight = Object.keys(theme_tokens_1.globalTokens.color)
-    .filter(function (globalColorName) { return globalColorName.includes('grey') || globalColorName === 'black' || globalColorName === 'white'; })
-    .sort(function (color1, color2) {
-    var color1hex = theme_tokens_1.globalTokens.color[color1];
-    var color2hex = theme_tokens_1.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;
-});
-var globalNeutralColorTokensAsArray = globalNeutralColorNamesSortedDarkToLight.map(function (colorName) {
-    return {
-        colorName: colorName,
-        colorValue: theme_tokens_1.globalTokens.color[colorName],
-    };
-});
-var GlobalNeutralColorTokensSwatchList = function () {
-    var renderSwatch = React.useCallback(getSwatch, []);
-    return (React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.view },
-        React.createElement(react_native_1.View, { style: styles.stackStyle }, globalNeutralColorTokensAsArray.map(function (item) { return renderSwatch(item); }))));
-};
-/// Global color tokens - shared
-var globalSharedColorNames = Object.keys(theme_tokens_1.globalTokens.color).filter(function (key) { return theme_tokens_1.globalTokens.color[key].primary !== undefined; });
-var globalSharedColorVariantsSortedDarkToLight = Object.keys(theme_tokens_1.globalTokens.color.red).sort(function (color1, color2) {
-    var color1hex = theme_tokens_1.globalTokens.color.red[color1];
-    var color2hex = theme_tokens_1.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;
-});
-var globalSharedColorTokensAsArray = globalSharedColorNames
-    .map(function (sharedColorName) {
-    return globalSharedColorVariantsSortedDarkToLight.map(function (variant) {
-        return {
-            colorName: sharedColorName + '.' + variant,
-            colorValue: theme_tokens_1.globalTokens.color[sharedColorName][variant],
-        };
-    });
-})
-    .reduce(function (accumulator, sharedColor) { return accumulator.concat(sharedColor); });
-var GlobalSharedColorTokensSwatchList = function () {
-    var renderSwatch = React.useCallback(getSwatch, []);
-    var _a = React.useState(false), showGlobalSharedColors = _a[0], setShowGlobalSharedColors = _a[1];
-    var toggleSvg = function () {
-        var 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';
-        var 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';
-        var path = showGlobalSharedColors ? minusPath : plusPath;
-        return (React.createElement(react_native_svg_1.default, null,
-            React.createElement(react_native_svg_1.G, null,
-                React.createElement(react_native_svg_1.Path, { d: path, fill: "black" }))));
-    };
-    var svgProps = { src: toggleSvg };
-    var plusCodepoint = 0x2795;
-    var minusCodepoint = 0x2796;
-    var fontIconProps = {
-        codepoint: showGlobalSharedColors ? minusCodepoint : plusCodepoint,
-        fontSize: 10,
-    };
-    var toggleIconProps = react_native_1.Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
-    return (React.createElement(react_native_1.View, { style: styles.toggleButtonAreaPadding },
-        React.createElement(react_native_1.View, { style: styles.statusView },
-            React.createElement(react_native_2.Text, { variant: "subheaderStandard" }, "Show color tokens"),
-            React.createElement(react_native_2.ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: function () { return setShowGlobalSharedColors(!showGlobalSharedColors); } })),
-        showGlobalSharedColors && (React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.view },
-            React.createElement(react_native_1.View, { style: styles.stackStyle }, globalSharedColorTokensAsArray.map(function (item) { return renderSwatch(item); }))))));
-};
-var themeSections = [
-    {
-        name: 'Alias Color Tokens',
-        testID: consts_1.COLORTOKEN_TESTPAGE,
-        component: function () { return React.createElement(AliasColorTokensSwatchList, null); },
-    },
-    {
-        name: 'Global Color Tokens - Neutral Colors',
-        component: function () { return React.createElement(GlobalNeutralColorTokensSwatchList, null); },
-    },
-    {
-        name: 'Global Color Tokens - Shared Colors',
-        component: function () { return React.createElement(GlobalSharedColorTokensSwatchList, null); },
-    },
-];
-var ColorTokensTest = function () {
-    var status = {
-        win32Status: 'Production',
-        uwpStatus: 'Backlog',
-        iosStatus: 'Production',
-        macosStatus: 'Backlog',
-        androidStatus: 'Production',
-    };
-    var description = 'Alias and global tokens given from token pipeline. Used to style components.';
-    return React.createElement(Test_1.Test, { name: "Color Tokens Test", description: description, sections: themeSections, status: status });
-};
-exports.ColorTokensTest = ColorTokensTest;
-//# sourceMappingURL=ColorTokenTest.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/ColorTokens/ColorTokenTest.js.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/ColorTokens/index.d.ts.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/ColorTokens/index.js

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

package/lib-commonjs/fluent-tester/src/TestComponents/ColorTokens/index.js.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/Common/AlignmentPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlignmentPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/AlignmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAO5D,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAsB1E,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/AlignmentPicker.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlignmentPicker = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var MenuPicker_1 = require("./MenuPicker");
-var styles_1 = require("../PersonaCoin/styles");
-var alignmentValues = [styles_1.undefinedText, 'start', 'center', 'end'];
-var AlignmentPicker = function (props) {
-    var label = props.label, onSelectionChange = props.onSelectionChange, style = props.style;
-    var _a = React.useState(), selectedValue = _a[0], setSelectedValue = _a[1];
-    var alignmentCollection = alignmentValues.map(function (value) {
-        return {
-            label: value,
-            value: value,
-        };
-    });
-    return (React.createElement(MenuPicker_1.MenuPicker, { style: style, prompt: label, selected: selectedValue || styles_1.undefinedText, onChange: function (value, index) {
-            var alignmentValue = index == 0 ? undefined : value;
-            onSelectionChange(alignmentValue);
-            setSelectedValue(alignmentValue);
-        }, collection: alignmentCollection }));
-};
-exports.AlignmentPicker = AlignmentPicker;
-//# sourceMappingURL=AlignmentPicker.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/Common/AlignmentPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlignmentPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/AlignmentPicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAK/B,2CAA0C;AAC1C,gDAAsD;AAEtD,IAAM,eAAe,GAAgD,CAAC,sBAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAQxG,IAAM,eAAe,GAAmD,UAAC,KAA4B;IAClG,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,iBAAiB,GAAY,KAAK,kBAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC5C,IAAA,KAAoC,KAAK,CAAC,QAAQ,EAAiB,EAAlE,aAAa,QAAA,EAAE,gBAAgB,QAAmC,CAAC;IAC1E,IAAM,mBAAmB,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,KAAK;QACpD,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,uBAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,aAAa,IAAI,sBAAa,EACxC,QAAQ,EAAE,UAAC,KAAoB,EAAE,KAAa;YAC5C,IAAM,cAAc,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;YACtD,iBAAiB,CAAC,cAAc,CAAC,CAAC;YAClC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACnC,CAAC,EACD,UAAU,EAAE,mBAAmB,GAC/B,CACH,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,eAAe,mBAsB1B"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1E,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAOhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6B/D,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuPicker = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var picker_1 = require("@react-native-picker/picker");
-var TestProps_1 = require("./TestProps");
-/*
- * The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
- * MenuPicker uses the community Picker package for Android
- */
-var MenuPicker = function (props) {
-    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
-    var selectedItemKey;
-    collection.forEach(function (item) {
-        if (item.value == selected) {
-            selectedItemKey = item.value;
-        }
-    });
-    return (React.createElement(picker_1.Picker, tslib_1.__assign({ prompt: prompt, selectedValue: selectedItemKey, onValueChange: function (value, index) { return onChange(value, index); }, style: tslib_1.__assign({}, style) }, (0, TestProps_1.testProps)(testID)), collection.map(function (item, index) { return (React.createElement(picker_1.Picker.Item, tslib_1.__assign({ label: item.label, key: index, value: item.value }, (0, TestProps_1.testProps)(item.testID)))); })));
-};
-exports.MenuPicker = MenuPicker;
-//# sourceMappingURL=MenuPicker.android.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.android.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,sDAAqD;AAGrD,yCAAwC;AAGxC;;;GAGG;AAEI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,eAAM,qBACL,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,eAAe,EAC9B,aAAa,EAAE,UAAC,KAAa,EAAE,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,EACvE,KAAK,uBAAO,KAAK,KAEb,IAAA,qBAAS,EAAC,MAAM,CAAC,GAEpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,eAAM,CAAC,IAAI,qBACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,IACb,IAAA,qBAAS,EAAC,IAAI,CAAC,MAAM,CAAC,EAC1B,CACH,EAPgC,CAOhC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAMhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAG/D,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.desktop.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.desktop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE1E,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAOhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAkC/D,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuPicker = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_native_1 = require("react-native");
-var react_native_2 = require("@fluentui/react-native");
-var menu_1 = require("@fluentui-react-native/menu");
-var react_native_svg_1 = require("react-native-svg");
-var chevronXml = "\n<svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n  <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' />\n</svg>";
-var MenuPicker = function (props) {
-    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
-    var label;
-    collection.forEach(function (item) {
-        if (item.value == selected) {
-            label = item.label;
-        }
-    });
-    return (React.createElement(react_native_1.View, { style: menuPickerStyles.container },
-        React.createElement(react_native_2.Text, { style: menuPickerStyles.prompt }, prompt),
-        React.createElement(menu_1.Menu, null,
-            React.createElement(menu_1.MenuTrigger, null,
-                React.createElement(react_native_2.ButtonV1, null,
-                    React.createElement(react_native_2.Text, null, label),
-                    React.createElement(react_native_1.View, { style: menuPickerStyles.chevronContainer },
-                        React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml })))),
-            React.createElement(menu_1.MenuPopover, null,
-                React.createElement(menu_1.MenuList, null, collection.map(function (collectionItem, index) {
-                    var _a;
-                    return (React.createElement(menu_1.MenuItem, { onClick: function () { return onChange(collectionItem.value, index); }, key: (_a = collectionItem.value) !== null && _a !== void 0 ? _a : index }, collectionItem.label));
-                }))))));
-};
-exports.MenuPicker = MenuPicker;
-var menuPickerStyles = react_native_1.StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        margin: 5,
-    },
-    prompt: {
-        marginRight: 5,
-    },
-    chevronContainer: {
-        padding: 4,
-    },
-});
-//# sourceMappingURL=MenuPicker.desktop.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.desktop.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.desktop.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAEhD,uDAAkE;AAClE,oDAAiG;AACjG,qDAA0C;AAM1C,IAAM,UAAU,GAAG,mcAGZ,CAAC;AAED,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IAEzD,IAAI,KAAK,CAAC;IACV,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SACpB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS;QACrC,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,IAAG,MAAM,CAAQ;QACrD,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM;oBACL,oBAAC,mBAAI,QAAE,KAAK,CAAQ;oBACpB,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB;wBAC5C,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACG;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ,QACN,UAAU,CAAC,GAAG,CAAC,UAAC,cAA8B,EAAE,KAAa;;oBAAK,OAAA,CACjE,oBAAC,eAAQ,IAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EAArC,CAAqC,EAAE,GAAG,EAAE,MAAA,cAAc,CAAC,KAAK,mCAAI,KAAK,IAC/F,cAAc,CAAC,KAAK,CACZ,CACZ,CAAA;iBAAA,CAAC,CACO,CACC,CACT,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,UAAU,cAkCrB;AAEF,IAAM,gBAAgB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;KACf;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1E,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAqBhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwC/D,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuPicker = 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 framework_1 = require("@fluentui-react-native/framework");
-var text_1 = require("@fluentui-react-native/text");
-var menu_1 = require("@react-native-menu/menu");
-var react_native_svg_1 = require("react-native-svg");
-var TestProps_1 = require("./TestProps");
-/*
- * The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
- * MenuPicker uses the community MenuView package for iOS
- */
-var chevronXml = "\n<svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\">\n  <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' />\n</svg>";
-var styles = react_native_1.StyleSheet.create({
-    menuPickerPromptText: {
-        marginBottom: 4,
-    },
-    menuPickerIconPadding: {
-        paddingLeft: 12,
-    },
-});
-var MenuPicker = function (props) {
-    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
-    var selectedItemKey;
-    collection.forEach(function (item) {
-        if (item.value == selected) {
-            selectedItemKey = item.value;
-        }
-    });
-    var pickerOptions = collection.map(function (item) { return ({
-        id: item.label,
-        title: item.label,
-        state: item.value === selected ? 'on' : 'off',
-    }); });
-    var theme = (0, framework_1.useFluentTheme)();
-    return (React.createElement(menu_1.MenuView, tslib_1.__assign({ title: prompt, onPressAction: function (_a) {
-            var nativeEvent = _a.nativeEvent;
-            onChange(nativeEvent.event);
-        }, actions: pickerOptions, style: style }, (0, TestProps_1.testProps)(testID)),
-        React.createElement(text_1.Text, { variant: "bodySemibold", style: styles.menuPickerPromptText }, prompt),
-        React.createElement(button_1.ButtonV1, { appearance: "outline" },
-            React.createElement(text_1.Text, { variant: "bodySemibold" }, selectedItemKey),
-            React.createElement(react_native_1.View, { style: styles.menuPickerIconPadding },
-                React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml, color: theme.colors.bodyText })))));
-};
-exports.MenuPicker = MenuPicker;
-//# sourceMappingURL=MenuPicker.ios.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.ios.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAEhD,wDAAmE;AACnE,8DAAkE;AAClE,oDAAmD;AACnD,gDAAmD;AAEnD,qDAA0C;AAG1C,yCAAwC;AAIxC;;;GAGG;AAEH,IAAM,UAAU,GAAG,obAGZ,CAAC;AAER,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,oBAAoB,EAAE;QACpB,YAAY,EAAE,CAAC;KAChB;IACD,qBAAqB,EAAE;QACrB,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC;AAEI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAiB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;QAC5D,EAAE,EAAE,IAAI,CAAC,KAAK;QACd,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAC9C,CAAC,EAJ2D,CAI3D,CAAC,CAAC;IAEJ,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,eAAQ,qBACP,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,UAAC,EAAe;gBAAb,WAAW,iBAAA;YAC3B,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,EACD,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,IAER,IAAA,qBAAS,EAAC,MAAM,CAAC;QAErB,oBAAC,WAAI,IAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,oBAAoB,IAC5D,MAAM,CACF;QACP,oBAAC,iBAAM,IAAC,UAAU,EAAC,SAAS;YAC1B,oBAAC,WAAI,IAAC,OAAO,EAAC,cAAc,IAAE,eAAe,CAAQ;YACrD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB;gBACvC,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI,CACpD,CACA,CACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,UAAU,cAwCrB"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuPicker = void 0;
-/*
- * The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
- */
-var MenuPicker = function (_props) {
-    console.warn('Platform not supported');
-    return null;
-};
-exports.MenuPicker = MenuPicker;
-//# sourceMappingURL=MenuPicker.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";;;AAGA;;GAEG;AAEI,IAAM,UAAU,GAA6C,UAAC,MAAuB;IAC1F,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.macos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.macos.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.macos.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.macos.js

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

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.macos.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.macos.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.macos.tsx"],"names":[],"mappings":";;;AAAA,+DAAqC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.types.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.types.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.types.tsx"],"names":[],"mappings":""}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.win32.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.win32.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.win32.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.win32.js

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

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.win32.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.win32.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.win32.tsx"],"names":[],"mappings":";;;AAAA,+DAAqC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.windows.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.windows.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.windows.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAU/D,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.windows.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuPicker = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./MenuPicker.desktop"), exports);
-var React = tslib_1.__importStar(require("react"));
-var react_native_1 = require("react-native");
-var MenuPicker = function (props) {
-    var prompt = props.prompt, onChange = props.onChange, collection = props.collection;
-    return (React.createElement(react_native_1.View, { style: menuPickerStyles.container },
-        React.createElement(react_native_1.Text, { style: menuPickerStyles.prompt }, prompt),
-        collection.map(function (item, index) { return (React.createElement(react_native_1.Button, { onPress: function () { return onChange(item.value, index); }, key: index, title: item.label })); })));
-};
-exports.MenuPicker = MenuPicker;
-var menuPickerStyles = react_native_1.StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        margin: 5,
-    },
-    prompt: {
-        marginRight: 5,
-    },
-    chevronContainer: {
-        padding: 4,
-    },
-});
-//# sourceMappingURL=MenuPicker.windows.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.windows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPicker.windows.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.windows.tsx"],"names":[],"mappings":";;;;AAAA,+DAAqC;AACrC,mDAA+B;AAC/B,6CAA8D;AAKvD,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAA2B,KAAK,OAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IAC/C,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS;QACrC,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,IAAG,MAAM,CAAQ;QACpD,UAAU,CAAC,GAAG,CAAC,UAAC,IAAoB,EAAE,KAAa,IAAK,OAAA,CACvD,oBAAC,qBAAM,IAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,EAA3B,CAA2B,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACtF,EAFwD,CAExD,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB;AAEF,IAAM,gBAAgB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;KACf;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/Slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAUpE,UAAU,YAAa,SAAQ,SAAS;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA4ED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CA6ExD,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Common/Slider.js

@@ -1,114 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_native_1 = require("react-native");
-var react_native_2 = require("@fluentui/react-native");
-var thumbSize = 20;
-var defaultMaximumValue = 100;
-var defaultMinimumValue = 1;
-var styles = react_native_1.StyleSheet.create({
-    root: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    slider: {
-        minWidth: thumbSize * 2,
-        flexDirection: 'row',
-        alignItems: 'center',
-        alignContent: 'stretch',
-        height: thumbSize,
-        width: 200,
-    },
-    track: {
-        flexGrow: 1,
-    },
-    thumb: {
-        width: thumbSize,
-        height: thumbSize,
-        borderRadius: thumbSize,
-        borderWidth: 2,
-        borderColor: '#7A7574',
-        backgroundColor: '#FFFFFF',
-        position: 'absolute',
-    },
-    label: {
-        margin: 8,
-        fontSize: 12,
-    },
-});
-var Track = react_native_2.Separator.customize({ separatorWidth: 4 });
-function onThumbRenderStyle(state, thumbLocation) {
-    return tslib_1.__assign(tslib_1.__assign({}, styles.thumb), { borderColor: state.pressed ? 'black' : state.hovered ? 'red' : '#7A7574', marginLeft: thumbLocation });
-}
-function calculateThumbLocationAndValue(startTouchThumbLocation, startTouchPosition, currentTouchPosition, trackLength, minimum, maximum) {
-    var newThumbLocation = startTouchThumbLocation + currentTouchPosition - startTouchPosition;
-    newThumbLocation = Math.max(0, newThumbLocation);
-    newThumbLocation = Math.min(newThumbLocation, trackLength);
-    var newValue = minimum + (newThumbLocation / trackLength) * (maximum - minimum);
-    var intValue = Math.min(maximum, Math.floor(newValue + 0.3)); // snap to nearest integer value
-    newThumbLocation = (trackLength * (intValue - minimum)) / (maximum - minimum);
-    return [newThumbLocation, intValue];
-}
-function verifyProps(initialValue, minimum, maximum) {
-    if (minimum >= maximum) {
-        throw new Error("'minimum' must not be greater than or equal 'maximum'.");
-    }
-    if (initialValue < minimum) {
-        throw new Error("'initialValue' must not be less than 'minimum'.");
-    }
-    if (initialValue > maximum) {
-        throw new Error("'initialValue' must not be greater than 'maximum'.");
-    }
-}
-var Slider = function (props) {
-    var minimum = props.minimum, maximum = props.maximum, initialValue = props.initialValue;
-    minimum = minimum || defaultMinimumValue;
-    maximum = maximum || defaultMaximumValue;
-    initialValue = initialValue || minimum;
-    verifyProps(initialValue, minimum, maximum);
-    var userStyle = props.style, onChange = props.onChange;
-    var _a = React.useState(0), thumbLocation = _a[0], setThumbLocation = _a[1];
-    var startTouchPosition = React.useRef(-1);
-    var startTouchThumbLocation = React.useRef(-1);
-    var trackLength = React.useRef(-1);
-    var sliderValue = React.useRef(initialValue);
-    var ref = React.useRef(null);
-    React.useEffect(function () {
-        if (ref.current) {
-            ref.current.measure(function (_x, _y, width) {
-                if (width <= 0) {
-                    return;
-                }
-                // track length is the entire view width subtracted by the thumb size.
-                trackLength.current = Math.max(0, width - thumbSize);
-                var initialThumbLocation = (trackLength.current * (initialValue - minimum)) / (maximum - minimum);
-                setThumbLocation(initialThumbLocation);
-            });
-        }
-    }, [ref, initialValue, maximum, minimum]);
-    return (React.createElement(react_native_1.View, { style: [userStyle, styles.root] },
-        React.createElement(react_native_1.View, tslib_1.__assign({ ref: ref }, props, { style: styles.slider }),
-            React.createElement(Track, { style: styles.track }),
-            trackLength.current > 0 && (React.createElement(react_native_2.Pressable, { renderStyle: function (state) { return onThumbRenderStyle(state, thumbLocation); }, onStartShouldSetResponder: function () { return trackLength.current > 0; }, onResponderStart: function (e) {
-                    startTouchPosition.current = e.nativeEvent.pageX;
-                    startTouchThumbLocation.current = thumbLocation;
-                }, onResponderMove: function (e) {
-                    if (startTouchPosition.current !== -1 && trackLength.current > 0) {
-                        var _a = calculateThumbLocationAndValue(startTouchThumbLocation.current, startTouchPosition.current, e.nativeEvent.pageX, trackLength.current, minimum || defaultMinimumValue, maximum || defaultMaximumValue), newThumbLocation = _a[0], newValue = _a[1];
-                        sliderValue.current = newValue;
-                        setThumbLocation(newThumbLocation);
-                    }
-                }, onResponderEnd: function () {
-                    startTouchPosition.current = -1;
-                    startTouchThumbLocation.current = -1;
-                }, onResponderRelease: function () {
-                    if (onChange) {
-                        onChange(sliderValue.current);
-                    }
-                } }))),
-        React.createElement(react_native_1.Text, { style: styles.label }, sliderValue.current)));
-};
-exports.Slider = Slider;
-//# sourceMappingURL=Slider.js.map