@fluentui-react-native/tester 0.107.1 → 0.108.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +269 -1
- package/CHANGELOG.md +58 -2
- package/{src/FluentTester/test-data → assets}/test.svg +0 -0
- package/lib/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.d.ts +13 -0
- package/lib/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.d.ts.map +1 -0
- package/lib/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.js +36 -0
- package/lib/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.js.map +1 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.d.ts +2 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.d.ts.map +1 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.js +52 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.js.map +1 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.d.ts +2 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.d.ts.map +1 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.js +49 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.js.map +1 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.d.ts +2 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.d.ts.map +1 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.js +52 -0
- package/lib/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.js.map +1 -0
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.d.ts +41 -0
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.d.ts.map +1 -0
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.js +253 -0
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.js.map +1 -0
- package/lib/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.d.ts +1 -0
- package/lib/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.js +362 -2
- package/lib/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.js.map +1 -1
- package/lib/E2E/Shadow/pages/ShadowPageObject.d.ts +13 -0
- package/lib/E2E/Shadow/pages/ShadowPageObject.d.ts.map +1 -0
- package/lib/E2E/Shadow/pages/ShadowPageObject.js +36 -0
- package/lib/E2E/Shadow/pages/ShadowPageObject.js.map +1 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.ios.d.ts +2 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.ios.d.ts.map +1 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.ios.js +52 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.ios.js.map +1 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.macos.d.ts +2 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.macos.d.ts.map +1 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.macos.js +49 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.macos.js.map +1 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.win.d.ts +2 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.win.d.ts.map +1 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.win.js +52 -0
- package/lib/E2E/Shadow/specs/Shadow.spec.win.js.map +1 -0
- package/lib/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.d.ts +13 -0
- package/lib/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.d.ts.map +1 -0
- package/lib/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.js +36 -0
- package/lib/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.js.map +1 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.d.ts +2 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.d.ts.map +1 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.js +52 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.js.map +1 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.d.ts +2 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.d.ts.map +1 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.js +49 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.js.map +1 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.d.ts +2 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.d.ts.map +1 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.js +52 -0
- package/lib/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.js.map +1 -0
- package/lib/E2E/common/NavigateAppPage.d.ts +8 -0
- package/lib/E2E/common/NavigateAppPage.d.ts.map +1 -1
- package/lib/E2E/common/NavigateAppPage.js +84 -0
- package/lib/E2E/common/NavigateAppPage.js.map +1 -1
- package/lib/FluentTesterApp.js +1 -1
- package/lib/FluentTesterApp.js.map +1 -1
- package/lib/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/TestComponents/Avatar/BasicAvatar.js +1 -5
- package/lib/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/TestComponents/Avatar/CustomizedAvatar.js +1 -5
- package/lib/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib/TestComponents/Badge/BasicBadgeTest.d.ts.map +1 -1
- package/lib/TestComponents/Badge/BasicBadgeTest.js +3 -8
- package/lib/TestComponents/Badge/BasicBadgeTest.js.map +1 -1
- package/lib/TestComponents/Badge/CounterBadgeTest.d.ts.map +1 -1
- package/lib/TestComponents/Badge/CounterBadgeTest.js +2 -6
- package/lib/TestComponents/Badge/CounterBadgeTest.js.map +1 -1
- package/lib/TestComponents/Button/ButtonHOCTestSection.d.ts.map +1 -1
- package/lib/TestComponents/Button/ButtonHOCTestSection.js +4 -9
- package/lib/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ButtonIconTestSection.android.d.ts +3 -0
- package/lib/TestComponents/Button/ButtonIconTestSection.android.d.ts.map +1 -0
- package/lib/TestComponents/Button/ButtonIconTestSection.android.js +19 -0
- package/lib/TestComponents/Button/ButtonIconTestSection.android.js.map +1 -0
- package/lib/TestComponents/Button/ButtonIconTestSection.d.ts.map +1 -1
- package/lib/TestComponents/Button/ButtonIconTestSection.js +3 -9
- package/lib/TestComponents/Button/ButtonIconTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib/TestComponents/Button/ButtonSizeTestSection.js +21 -22
- package/lib/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/Button/ButtonTest.js +15 -12
- package/lib/TestComponents/Button/ButtonTest.js.map +1 -1
- package/lib/TestComponents/Button/ButtonVariantTestSection.android.d.ts +3 -0
- package/lib/TestComponents/Button/ButtonVariantTestSection.android.d.ts.map +1 -0
- package/lib/TestComponents/Button/ButtonVariantTestSection.android.js +23 -0
- package/lib/TestComponents/Button/ButtonVariantTestSection.android.js.map +1 -0
- package/lib/TestComponents/Button/ButtonVariantTestSection.d.ts.map +1 -1
- package/lib/TestComponents/Button/ButtonVariantTestSection.js +2 -12
- package/lib/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
- package/lib/TestComponents/Button/deprecated/ButtonIconTest.d.ts.map +1 -1
- package/lib/TestComponents/Button/deprecated/ButtonIconTest.js +1 -6
- package/lib/TestComponents/Button/deprecated/ButtonIconTest.js.map +1 -1
- package/lib/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib/TestComponents/CheckboxExperimental/CheckboxTest.js +15 -3
- package/lib/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib/TestComponents/Common/iconExamples.d.ts +3 -1
- package/lib/TestComponents/Common/iconExamples.d.ts.map +1 -1
- package/lib/TestComponents/Common/iconExamples.js +4 -3
- package/lib/TestComponents/Common/iconExamples.js.map +1 -1
- package/lib/TestComponents/CornerRadius/CornerRadiusTest.d.ts +3 -0
- package/lib/TestComponents/CornerRadius/CornerRadiusTest.d.ts.map +1 -0
- package/lib/TestComponents/CornerRadius/CornerRadiusTest.js +60 -0
- package/lib/TestComponents/CornerRadius/CornerRadiusTest.js.map +1 -0
- package/lib/TestComponents/CornerRadius/consts.d.ts +3 -0
- package/lib/TestComponents/CornerRadius/consts.d.ts.map +1 -0
- package/lib/TestComponents/CornerRadius/consts.js +3 -0
- package/lib/TestComponents/CornerRadius/consts.js.map +1 -0
- package/lib/TestComponents/CornerRadius/index.d.ts +3 -0
- package/lib/TestComponents/CornerRadius/index.d.ts.map +1 -0
- package/lib/TestComponents/CornerRadius/index.js +3 -0
- package/lib/TestComponents/CornerRadius/index.js.map +1 -0
- package/lib/TestComponents/Drawer/DrawerTest.d.ts.map +1 -1
- package/lib/TestComponents/Drawer/DrawerTest.js +1 -5
- package/lib/TestComponents/Drawer/DrawerTest.js.map +1 -1
- package/lib/TestComponents/Icon/IconE2ETest.d.ts.map +1 -1
- package/lib/TestComponents/Icon/IconE2ETest.js +1 -1
- package/lib/TestComponents/Icon/IconE2ETest.js.map +1 -1
- package/lib/TestComponents/Icon/IconExperimental.d.ts +3 -0
- package/lib/TestComponents/Icon/IconExperimental.d.ts.map +1 -0
- package/lib/TestComponents/Icon/IconExperimental.js +37 -0
- package/lib/TestComponents/Icon/IconExperimental.js.map +1 -0
- package/lib/TestComponents/Icon/IconTest.d.ts.map +1 -1
- package/lib/TestComponents/Icon/IconTest.js +6 -7
- package/lib/TestComponents/Icon/IconTest.js.map +1 -1
- package/lib/TestComponents/MenuButton/NestedMenuButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/MenuButton/NestedMenuButtonTest.js +2 -1
- package/lib/TestComponents/MenuButton/NestedMenuButtonTest.js.map +1 -1
- package/lib/TestComponents/MenuButton/StandardMenuButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/MenuButton/StandardMenuButtonTest.js +2 -1
- package/lib/TestComponents/MenuButton/StandardMenuButtonTest.js.map +1 -1
- package/lib/TestComponents/MenuButton/testData.d.ts +1 -3
- package/lib/TestComponents/MenuButton/testData.d.ts.map +1 -1
- package/lib/TestComponents/MenuButton/testData.js +1 -6
- package/lib/TestComponents/MenuButton/testData.js.map +1 -1
- package/lib/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.js +2 -1
- package/lib/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.js.map +1 -1
- package/lib/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.js +2 -1
- package/lib/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.js.map +1 -1
- package/lib/TestComponents/MenuButtonExperimental/testData.d.ts +1 -3
- package/lib/TestComponents/MenuButtonExperimental/testData.d.ts.map +1 -1
- package/lib/TestComponents/MenuButtonExperimental/testData.js +1 -6
- package/lib/TestComponents/MenuButtonExperimental/testData.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.d.ts +3 -0
- package/lib/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.d.ts.map +1 -0
- package/lib/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.js +222 -0
- package/lib/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.js.map +1 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.d.ts +3 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.d.ts.map +1 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.js +21 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.js.map +1 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js +12 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js +3 -3
- package/lib/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/consts.d.ts +18 -0
- package/lib/TestComponents/RadioGroupExperimental/consts.d.ts.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/consts.js +23 -0
- package/lib/TestComponents/RadioGroupExperimental/consts.js.map +1 -1
- package/lib/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -1
- package/lib/TestComponents/Shadow/ShadowButtonTestSection.js +4 -3
- package/lib/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -1
- package/lib/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
- package/lib/TestComponents/Shadow/ShadowTest.js +0 -2
- package/lib/TestComponents/Shadow/ShadowTest.js.map +1 -1
- package/lib/TestComponents/StrokeWidth/StrokeWidthTest.d.ts +3 -0
- package/lib/TestComponents/StrokeWidth/StrokeWidthTest.d.ts.map +1 -0
- package/lib/TestComponents/StrokeWidth/StrokeWidthTest.js +70 -0
- package/lib/TestComponents/StrokeWidth/StrokeWidthTest.js.map +1 -0
- package/lib/TestComponents/StrokeWidth/consts.d.ts +3 -0
- package/lib/TestComponents/StrokeWidth/consts.d.ts.map +1 -0
- package/lib/TestComponents/StrokeWidth/consts.js +3 -0
- package/lib/TestComponents/StrokeWidth/consts.js.map +1 -0
- package/lib/TestComponents/StrokeWidth/index.d.ts +3 -0
- package/lib/TestComponents/StrokeWidth/index.d.ts.map +1 -0
- package/lib/TestComponents/StrokeWidth/index.js +3 -0
- package/lib/TestComponents/StrokeWidth/index.js.map +1 -0
- package/lib/TestComponents/Svg/SvgTest.d.ts.map +1 -1
- package/lib/TestComponents/Svg/SvgTest.js +17 -0
- package/lib/TestComponents/Svg/SvgTest.js.map +1 -1
- package/lib/TestComponents/Tabs/TabsTest.d.ts.map +1 -1
- package/lib/TestComponents/Tabs/TabsTest.js +2 -5
- package/lib/TestComponents/Tabs/TabsTest.js.map +1 -1
- package/lib/TestComponents/TabsExperimental/TabsTest.d.ts.map +1 -1
- package/lib/TestComponents/TabsExperimental/TabsTest.js +1 -5
- package/lib/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib/testPages.d.ts.map +1 -1
- package/lib/testPages.js +35 -21
- package/lib/testPages.js.map +1 -1
- package/lib-commonjs/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.d.ts +13 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.d.ts.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.js +38 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.js.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.d.ts +2 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.d.ts.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.js +54 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.js.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.d.ts +2 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.d.ts.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.js +51 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.js.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.d.ts +2 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.js +54 -0
- package/lib-commonjs/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.js.map +1 -0
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.d.ts +41 -0
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.d.ts.map +1 -0
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.js +255 -0
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.js.map +1 -0
- package/lib-commonjs/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.d.ts +1 -0
- package/lib-commonjs/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.js +363 -1
- package/lib-commonjs/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.js.map +1 -1
- package/lib-commonjs/E2E/Shadow/pages/ShadowPageObject.d.ts +13 -0
- package/lib-commonjs/E2E/Shadow/pages/ShadowPageObject.d.ts.map +1 -0
- package/lib-commonjs/E2E/Shadow/pages/ShadowPageObject.js +38 -0
- package/lib-commonjs/E2E/Shadow/pages/ShadowPageObject.js.map +1 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.ios.d.ts +2 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.ios.d.ts.map +1 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.ios.js +54 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.ios.js.map +1 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.macos.d.ts +2 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.macos.d.ts.map +1 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.macos.js +51 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.macos.js.map +1 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.win.d.ts +2 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.win.js +54 -0
- package/lib-commonjs/E2E/Shadow/specs/Shadow.spec.win.js.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.d.ts +13 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.d.ts.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.js +38 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.js.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.d.ts +2 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.d.ts.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.js +54 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.js.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.d.ts +2 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.d.ts.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.js +51 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.js.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.d.ts +2 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.js +54 -0
- package/lib-commonjs/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.js.map +1 -0
- package/lib-commonjs/E2E/common/NavigateAppPage.d.ts +8 -0
- package/lib-commonjs/E2E/common/NavigateAppPage.d.ts.map +1 -1
- package/lib-commonjs/E2E/common/NavigateAppPage.js +136 -52
- package/lib-commonjs/E2E/common/NavigateAppPage.js.map +1 -1
- package/lib-commonjs/FluentTesterApp.js +1 -1
- package/lib-commonjs/FluentTesterApp.js.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/BasicAvatar.js +2 -6
- package/lib-commonjs/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.js +2 -6
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/TestComponents/Badge/BasicBadgeTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Badge/BasicBadgeTest.js +5 -10
- package/lib-commonjs/TestComponents/Badge/BasicBadgeTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.js +2 -6
- package/lib-commonjs/TestComponents/Badge/CounterBadgeTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js +4 -9
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.d.ts +3 -0
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.js +24 -0
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.android.js.map +1 -0
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js +6 -12
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonSizeTestSection.js +20 -21
- package/lib-commonjs/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonTest.js +14 -12
- package/lib-commonjs/TestComponents/Button/ButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.android.d.ts +3 -0
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.android.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.android.js +28 -0
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.android.js.map +1 -0
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.js +1 -11
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/deprecated/ButtonIconTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/deprecated/ButtonIconTest.js +3 -8
- package/lib-commonjs/TestComponents/Button/deprecated/ButtonIconTest.js.map +1 -1
- package/lib-commonjs/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/CheckboxExperimental/CheckboxTest.js +14 -2
- package/lib-commonjs/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Common/iconExamples.d.ts +3 -1
- package/lib-commonjs/TestComponents/Common/iconExamples.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Common/iconExamples.js +6 -5
- package/lib-commonjs/TestComponents/Common/iconExamples.js.map +1 -1
- package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.d.ts +3 -0
- package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.js +65 -0
- package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.js.map +1 -0
- package/lib-commonjs/TestComponents/CornerRadius/consts.d.ts +3 -0
- package/lib-commonjs/TestComponents/CornerRadius/consts.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/CornerRadius/consts.js +6 -0
- package/lib-commonjs/TestComponents/CornerRadius/consts.js.map +1 -0
- package/lib-commonjs/TestComponents/CornerRadius/index.d.ts +3 -0
- package/lib-commonjs/TestComponents/CornerRadius/index.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/CornerRadius/index.js +6 -0
- package/lib-commonjs/TestComponents/CornerRadius/index.js.map +1 -0
- package/lib-commonjs/TestComponents/Drawer/DrawerTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Drawer/DrawerTest.js +2 -6
- package/lib-commonjs/TestComponents/Drawer/DrawerTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Icon/IconE2ETest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Icon/IconE2ETest.js +2 -2
- package/lib-commonjs/TestComponents/Icon/IconE2ETest.js.map +1 -1
- package/lib-commonjs/TestComponents/Icon/IconExperimental.d.ts +3 -0
- package/lib-commonjs/TestComponents/Icon/IconExperimental.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/Icon/IconExperimental.js +41 -0
- package/lib-commonjs/TestComponents/Icon/IconExperimental.js.map +1 -0
- package/lib-commonjs/TestComponents/Icon/IconTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Icon/IconTest.js +10 -11
- package/lib-commonjs/TestComponents/Icon/IconTest.js.map +1 -1
- package/lib-commonjs/TestComponents/MenuButton/NestedMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/MenuButton/NestedMenuButtonTest.js +2 -1
- package/lib-commonjs/TestComponents/MenuButton/NestedMenuButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/MenuButton/StandardMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/MenuButton/StandardMenuButtonTest.js +2 -1
- package/lib-commonjs/TestComponents/MenuButton/StandardMenuButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/MenuButton/testData.d.ts +1 -3
- package/lib-commonjs/TestComponents/MenuButton/testData.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/MenuButton/testData.js +4 -10
- package/lib-commonjs/TestComponents/MenuButton/testData.js.map +1 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.js +2 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.js +2 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/testData.d.ts +1 -3
- package/lib-commonjs/TestComponents/MenuButtonExperimental/testData.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/MenuButtonExperimental/testData.js +4 -10
- package/lib-commonjs/TestComponents/MenuButtonExperimental/testData.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.d.ts +3 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.js +227 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.js.map +1 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.d.ts +3 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.js +26 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.js.map +1 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js +12 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js +3 -3
- package/lib-commonjs/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/consts.d.ts +18 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/consts.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/consts.js +24 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/consts.js.map +1 -1
- package/lib-commonjs/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Shadow/ShadowButtonTestSection.js +4 -3
- package/lib-commonjs/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Shadow/ShadowTest.js +0 -2
- package/lib-commonjs/TestComponents/Shadow/ShadowTest.js.map +1 -1
- package/lib-commonjs/TestComponents/StrokeWidth/StrokeWidthTest.d.ts +3 -0
- package/lib-commonjs/TestComponents/StrokeWidth/StrokeWidthTest.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/StrokeWidth/StrokeWidthTest.js +75 -0
- package/lib-commonjs/TestComponents/StrokeWidth/StrokeWidthTest.js.map +1 -0
- package/lib-commonjs/TestComponents/StrokeWidth/consts.d.ts +3 -0
- package/lib-commonjs/TestComponents/StrokeWidth/consts.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/StrokeWidth/consts.js +6 -0
- package/lib-commonjs/TestComponents/StrokeWidth/consts.js.map +1 -0
- package/lib-commonjs/TestComponents/StrokeWidth/index.d.ts +3 -0
- package/lib-commonjs/TestComponents/StrokeWidth/index.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/StrokeWidth/index.js +6 -0
- package/lib-commonjs/TestComponents/StrokeWidth/index.js.map +1 -0
- package/lib-commonjs/TestComponents/Svg/SvgTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Svg/SvgTest.js +17 -0
- package/lib-commonjs/TestComponents/Svg/SvgTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Tabs/TabsTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Tabs/TabsTest.js +2 -5
- package/lib-commonjs/TestComponents/Tabs/TabsTest.js.map +1 -1
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.js +4 -8
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib-commonjs/testPages.d.ts.map +1 -1
- package/lib-commonjs/testPages.js +35 -21
- package/lib-commonjs/testPages.js.map +1 -1
- package/macos/Podfile.lock +227 -227
- package/package.json +32 -27
- package/src/E2E/CornerRadiusTokens/pages/CornerRadiusTokensPageObject.ts +21 -0
- package/src/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.ios.ts +22 -0
- package/src/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.macos.ts +21 -0
- package/src/E2E/CornerRadiusTokens/specs/CornerRadiusTokens.spec.win.ts +20 -0
- package/src/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalPageObject.ts +142 -0
- package/src/E2E/RadioGroupExperimental/specs/ExperimentalRadioGroup.spec.win.ts +134 -1
- package/src/E2E/Shadow/pages/ShadowPageObject.ts +21 -0
- package/src/E2E/Shadow/specs/Shadow.spec.ios.ts +22 -0
- package/src/E2E/Shadow/specs/Shadow.spec.macos.ts +21 -0
- package/src/E2E/Shadow/specs/Shadow.spec.win.ts +20 -0
- package/src/E2E/StrokeWidthTokens/pages/StrokeWidthTokensPageObject.ts +21 -0
- package/src/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.ios.ts +22 -0
- package/src/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.macos.ts +21 -0
- package/src/E2E/StrokeWidthTokens/specs/StrokeWidthTokens.spec.win.ts +20 -0
- package/src/E2E/common/NavigateAppPage.ts +36 -0
- package/src/FluentTesterApp.tsx +1 -1
- package/src/TestComponents/Avatar/BasicAvatar.tsx +1 -7
- package/src/TestComponents/Avatar/CustomizedAvatar.tsx +1 -6
- package/src/TestComponents/Badge/BasicBadgeTest.tsx +3 -9
- package/src/TestComponents/Badge/CounterBadgeTest.tsx +2 -8
- package/src/TestComponents/Button/ButtonHOCTestSection.tsx +4 -9
- package/src/TestComponents/Button/ButtonIconTestSection.android.tsx +30 -0
- package/src/TestComponents/Button/ButtonIconTestSection.tsx +3 -11
- package/src/TestComponents/Button/ButtonSizeTestSection.tsx +44 -38
- package/src/TestComponents/Button/ButtonTest.tsx +13 -11
- package/src/TestComponents/Button/ButtonVariantTestSection.android.tsx +45 -0
- package/src/TestComponents/Button/ButtonVariantTestSection.tsx +1 -16
- package/src/TestComponents/Button/deprecated/ButtonIconTest.tsx +1 -8
- package/src/TestComponents/CheckboxExperimental/CheckboxTest.tsx +24 -3
- package/src/TestComponents/Common/iconExamples.tsx +6 -4
- package/src/TestComponents/CornerRadius/CornerRadiusTest.tsx +87 -0
- package/src/TestComponents/CornerRadius/consts.ts +2 -0
- package/src/TestComponents/CornerRadius/index.ts +2 -0
- package/src/TestComponents/Drawer/DrawerTest.tsx +2 -8
- package/src/TestComponents/Icon/IconE2ETest.tsx +1 -2
- package/src/TestComponents/Icon/IconExperimental.tsx +58 -0
- package/src/TestComponents/Icon/IconTest.tsx +6 -9
- package/src/TestComponents/MenuButton/NestedMenuButtonTest.tsx +2 -1
- package/src/TestComponents/MenuButton/StandardMenuButtonTest.tsx +2 -1
- package/src/TestComponents/MenuButton/testData.ts +1 -8
- package/src/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.tsx +2 -1
- package/src/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.tsx +2 -1
- package/src/TestComponents/MenuButtonExperimental/testData.ts +1 -8
- package/src/TestComponents/RadioGroupExperimental/CustomizedRadioGroup.tsx +373 -0
- package/src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.tsx +43 -0
- package/src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx +12 -0
- package/src/TestComponents/RadioGroupExperimental/SubtextRadioGroup.tsx +3 -3
- package/src/TestComponents/RadioGroupExperimental/consts.ts +31 -0
- package/src/TestComponents/Shadow/ShadowButtonTestSection.tsx +10 -3
- package/src/TestComponents/Shadow/ShadowTest.tsx +0 -2
- package/src/TestComponents/StrokeWidth/StrokeWidthTest.tsx +93 -0
- package/src/TestComponents/StrokeWidth/consts.ts +2 -0
- package/src/TestComponents/StrokeWidth/index.ts +2 -0
- package/src/TestComponents/Svg/SvgTest.tsx +22 -0
- package/src/TestComponents/Tabs/TabsTest.tsx +2 -5
- package/src/TestComponents/TabsExperimental/TabsTest.tsx +1 -7
- package/src/testPages.ts +35 -21
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.d.ts +0 -1
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.d.ts.map +0 -1
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.js +0 -3
- package/lib/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.js.map +0 -1
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.d.ts +0 -1
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.d.ts.map +0 -1
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.js +0 -3
- package/lib-commonjs/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.js.map +0 -1
- package/src/E2E/RadioGroupExperimental/pages/RadioGroupExperimentalTabsPageObject.win.ts +0 -1
- package/src/TestComponents/Badge/oof.svg +0 -3
- package/src/TestComponents/Button/test.svg +0 -1
- package/src/TestComponents/Icon/assets/test.svg +0 -1
- package/src/TestComponents/Tabs/icon_24x24.png +0 -0
- package/src/TestComponents/Tabs/test.svg +0 -1
- package/src/TestComponents/TabsExperimental/test.svg +0 -1
|
@@ -8,9 +8,9 @@ var react_native_1 = require("react-native");
|
|
|
8
8
|
var badge_1 = require("@fluentui-react-native/badge");
|
|
9
9
|
var StyledPicker_1 = require("../Common/StyledPicker");
|
|
10
10
|
var styles_1 = require("./../PersonaCoin/styles");
|
|
11
|
-
var test_svg_1 = (0, tslib_1.__importDefault)(require("../../FluentTester/test-data/test.svg"));
|
|
12
11
|
var react_native_2 = require("@fluentui/react-native");
|
|
13
12
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
13
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
14
14
|
var badgeColors = (0, tslib_1.__spreadArray)([], badge_1.BadgeColors, true);
|
|
15
15
|
var badgeShapes = (0, tslib_1.__spreadArray)([], badge_1.BadgeShapes, true);
|
|
16
16
|
var badgeSizes = (0, tslib_1.__spreadArray)([], badge_1.BadgeSizes, true);
|
|
@@ -35,17 +35,12 @@ var BasicBadge = function () {
|
|
|
35
35
|
var onShowShadowChange = (0, react_1.useCallback)(function () { return setShowShadow(!showShadow); }, [showShadow, setShowShadow]);
|
|
36
36
|
var onShowIconChange = (0, react_1.useCallback)(function () { return setShowIcon(!showIcon); }, [showIcon, setShowIcon]);
|
|
37
37
|
var theme = (0, framework_1.useFluentTheme)();
|
|
38
|
-
var svgProps = {
|
|
39
|
-
src: test_svg_1.default,
|
|
40
|
-
viewBox: '0 0 500 500',
|
|
41
|
-
};
|
|
42
38
|
var fontBuiltInProps = {
|
|
43
39
|
fontFamily: 'Arial',
|
|
44
40
|
codepoint: 0x2663,
|
|
45
41
|
fontSize: 16,
|
|
46
42
|
};
|
|
47
43
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
48
|
-
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
49
44
|
var shadow = showShadow ? theme.shadows.shadow4 : undefined;
|
|
50
45
|
var CustomBadge = useCustomizedBadge({ shadowToken: shadow });
|
|
51
46
|
var badgeConfig = {
|
|
@@ -82,7 +77,7 @@ var BasicBadge = function () {
|
|
|
82
77
|
showShadow ? ' Hide shadow' : ' Show shadow'),
|
|
83
78
|
react_1.default.createElement(react_native_1.View, { style: { position: 'relative', backgroundColor: 'yellow', padding: 20, width: 200 } },
|
|
84
79
|
react_1.default.createElement(react_native_1.Text, null, "Parent component for the Badge"),
|
|
85
|
-
svgIconsEnabled && showIcon ? (react_1.default.createElement(CustomBadge, (0, tslib_1.__assign)({}, badgeConfig, { icon: { svgSource: svgProps }, iconPosition: iconPosition }), "Basic badge")) : (react_1.default.createElement(CustomBadge, (0, tslib_1.__assign)({}, badgeConfig), "Basic badge"))),
|
|
80
|
+
svgIconsEnabled && showIcon ? (react_1.default.createElement(CustomBadge, (0, tslib_1.__assign)({}, badgeConfig, { icon: { svgSource: iconExamples_1.svgProps }, iconPosition: iconPosition }), "Basic badge")) : (react_1.default.createElement(CustomBadge, (0, tslib_1.__assign)({}, badgeConfig), "Basic badge"))),
|
|
86
81
|
react_1.default.createElement(react_native_1.Text, null, "Size"),
|
|
87
82
|
react_1.default.createElement(badge_1.Badge, { size: "tiny" }),
|
|
88
83
|
react_1.default.createElement(badge_1.Badge, { size: "extraSmall", badgeColor: "red" }),
|
|
@@ -92,14 +87,14 @@ var BasicBadge = function () {
|
|
|
92
87
|
react_1.default.createElement(badge_1.Badge, { size: "extraLarge" }, "Extra Large"),
|
|
93
88
|
svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
94
89
|
react_1.default.createElement(react_native_1.Text, null, "Badge with icon"),
|
|
95
|
-
react_1.default.createElement(badge_1.Badge, { icon:
|
|
90
|
+
react_1.default.createElement(badge_1.Badge, { icon: iconExamples_1.iconProps, iconPosition: "after" },
|
|
96
91
|
"Badge with",
|
|
97
92
|
react_1.default.createElement(react_native_1.Image, { source: { uri: styles_1.satyaPhotoUrl }, style: { width: 20, height: 20 } }),
|
|
98
93
|
react_1.default.createElement(react_native_1.Text, { style: { backgroundColor: 'yellow' } }, "optional content")),
|
|
99
|
-
react_1.default.createElement(badge_1.Badge, { appearance: "outline", icon: iconProps }),
|
|
94
|
+
react_1.default.createElement(badge_1.Badge, { appearance: "outline", icon: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, iconExamples_1.iconProps), { width: 20, height: 20 }) }),
|
|
100
95
|
react_1.default.createElement(badge_1.Badge, { icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: '#fff' } }, "Badge with icon"),
|
|
101
96
|
react_1.default.createElement(react_native_1.Text, null, "Customized Badge with icon"),
|
|
102
|
-
react_1.default.createElement(StyledBadge, { icon: { svgSource: svgProps } }, "Styled badge")))));
|
|
97
|
+
react_1.default.createElement(StyledBadge, { icon: { svgSource: iconExamples_1.svgProps } }, "Styled badge")))));
|
|
103
98
|
};
|
|
104
99
|
exports.BasicBadge = BasicBadge;
|
|
105
100
|
//# sourceMappingURL=BasicBadgeTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,0DAA8D;AAC9D,6CAA2D;AAC3D,sDAasC;
|
|
1
|
+
{"version":3,"file":"BasicBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CounterBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CounterBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAmBpC,CAAC"}
|
|
@@ -6,12 +6,8 @@ var tslib_1 = require("tslib");
|
|
|
6
6
|
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
7
7
|
var react_native_1 = require("react-native");
|
|
8
8
|
var badge_1 = require("@fluentui-react-native/badge");
|
|
9
|
-
var
|
|
9
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
10
10
|
var CounterBadgeTest = function () {
|
|
11
|
-
var svgProps = {
|
|
12
|
-
src: test_svg_1.default,
|
|
13
|
-
viewBox: '0 0 500 500',
|
|
14
|
-
};
|
|
15
11
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
16
12
|
return (react_1.default.createElement(react_native_1.View, null,
|
|
17
13
|
react_1.default.createElement(react_native_1.Text, null, "Dot badge"),
|
|
@@ -25,7 +21,7 @@ var CounterBadgeTest = function () {
|
|
|
25
21
|
react_1.default.createElement(badge_1.CounterBadge, { badgeColor: "important", overflowCount: 1000, count: 777 }),
|
|
26
22
|
react_1.default.createElement(badge_1.CounterBadge, { badgeColor: "danger", overflowCount: 1000, count: 1500 }),
|
|
27
23
|
react_1.default.createElement(badge_1.CounterBadge, { count: 13 }),
|
|
28
|
-
svgIconsEnabled && react_1.default.createElement(badge_1.CounterBadge, { count: 17, icon:
|
|
24
|
+
svgIconsEnabled && react_1.default.createElement(badge_1.CounterBadge, { count: 17, icon: iconExamples_1.iconProps, iconPosition: "after" })));
|
|
29
25
|
};
|
|
30
26
|
exports.CounterBadgeTest = CounterBadgeTest;
|
|
31
27
|
//# sourceMappingURL=CounterBadgeTest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CounterBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,6DAA0B;AAC1B,6CAAoD;AACpD,sDAA4D;
|
|
1
|
+
{"version":3,"file":"CounterBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,6DAA0B;AAC1B,6CAAoD;AACpD,sDAA4D;AAC5D,uDAAmD;AAE5C,IAAM,gBAAgB,GAA4B;IACvD,IAAM,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA6BjC,CAAC"}
|
|
@@ -4,19 +4,18 @@ exports.ButtonHOCTest = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_native_1 = require("@fluentui/react-native");
|
|
6
6
|
var text_1 = require("@fluentui-react-native/text");
|
|
7
|
-
var icon_1 = require("@fluentui-react-native/icon");
|
|
8
7
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
9
8
|
var react_native_2 = require("react-native");
|
|
10
9
|
var styles_1 = require("../Common/styles");
|
|
11
|
-
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
12
10
|
var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
11
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
13
12
|
var CustomText = text_1.TextV1.customize({ fontSize: 'header', color: 'hotpink' });
|
|
14
13
|
var CustomButton = react_native_1.ButtonV1.customize({ backgroundColor: 'pink' });
|
|
15
14
|
var CustomIconButton = react_native_1.ButtonV1.customize({ iconColor: 'yellow' });
|
|
16
15
|
var ComposedButton = react_native_1.ButtonV1.compose({
|
|
16
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
17
|
+
// @ts-ignore Not all slots have to be overridden for compose to work
|
|
17
18
|
slots: {
|
|
18
|
-
root: react_native_2.Pressable,
|
|
19
|
-
icon: icon_1.Icon,
|
|
20
19
|
content: CustomText,
|
|
21
20
|
},
|
|
22
21
|
slotProps: {
|
|
@@ -25,16 +24,12 @@ var ComposedButton = react_native_1.ButtonV1.compose({
|
|
|
25
24
|
},
|
|
26
25
|
},
|
|
27
26
|
});
|
|
28
|
-
var svgProps = {
|
|
29
|
-
src: test_svg_1.default,
|
|
30
|
-
viewBox: '0 0 500 500',
|
|
31
|
-
};
|
|
32
27
|
var ButtonHOCTest = function () {
|
|
33
28
|
var buttonRef = React.useRef(null);
|
|
34
29
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
35
30
|
return (React.createElement(react_native_2.View, { style: styles_1.stackStyle },
|
|
36
31
|
React.createElement(CustomButton, { style: styles_1.commonTestStyles.vmargin, componentRef: buttonRef }, "Customized Button with ref"),
|
|
37
|
-
svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: svgProps } }, "Customized Icon Button"),
|
|
32
|
+
svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: iconExamples_1.svgProps } }, "Customized Icon Button"),
|
|
38
33
|
React.createElement(react_native_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, onClick: function (e) {
|
|
39
34
|
console.log(e.timeStamp);
|
|
40
35
|
if ((0, interactive_hooks_1.isGestureResponderEvent)(e)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,oDAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,oDAA6D;AAC7D,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,8EAAqG;AACrG,uDAAkD;AAElD,IAAM,UAAU,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,IAAM,YAAY,GAAG,uBAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,IAAM,gBAAgB,GAAG,uBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,IAAM,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,IAAM,aAAa,GAA4B;IACpD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,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,UAAC,CAAmB;gBAC3B,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.android.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAuBlC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ButtonIconTest = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
6
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
+
var react_native_2 = require("react-native");
|
|
8
|
+
var styles_1 = require("../Common/styles");
|
|
9
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
10
|
+
var ButtonIconTest = function () {
|
|
11
|
+
var fontBuiltInProps = {
|
|
12
|
+
fontFamily: 'Arial',
|
|
13
|
+
codepoint: 0x2663,
|
|
14
|
+
fontSize: 24,
|
|
15
|
+
};
|
|
16
|
+
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
17
|
+
var testImage = require('../../../../assets/icon_24x24.png');
|
|
18
|
+
return (React.createElement(react_native_2.View, { style: styles_1.testContentRootViewStyle },
|
|
19
|
+
React.createElement(react_native_1.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
20
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "accent", icon: { svgSource: iconExamples_1.svgProps, color: 'black' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
|
|
21
|
+
React.createElement(react_native_1.ButtonV1, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG")));
|
|
22
|
+
};
|
|
23
|
+
exports.ButtonIconTest = ButtonIconTest;
|
|
24
|
+
//# sourceMappingURL=ButtonIconTestSection.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.android.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8E;AAC9E,uDAAkD;AAE3C,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;IAE/D,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,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA0DlC,CAAC"}
|
|
@@ -6,7 +6,7 @@ var react_native_1 = require("@fluentui/react-native");
|
|
|
6
6
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
7
|
var react_native_2 = require("react-native");
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
|
-
var
|
|
9
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
10
10
|
var react_native_svg_1 = require("react-native-svg");
|
|
11
11
|
var styles = react_native_2.StyleSheet.create({
|
|
12
12
|
chevron: { paddingStart: 4 },
|
|
@@ -17,12 +17,6 @@ var ButtonIconTest = function () {
|
|
|
17
17
|
codepoint: 0x2663,
|
|
18
18
|
fontSize: 24,
|
|
19
19
|
};
|
|
20
|
-
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
21
|
-
var testImage = require('../../../../assets/icon_24x24.png');
|
|
22
|
-
var svgProps = {
|
|
23
|
-
src: test_svg_1.default,
|
|
24
|
-
viewBox: '0 0 500 500',
|
|
25
|
-
};
|
|
26
20
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
27
21
|
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>";
|
|
28
22
|
return (React.createElement(react_native_2.View, { style: styles_1.testContentRootViewStyle },
|
|
@@ -31,11 +25,11 @@ var ButtonIconTest = function () {
|
|
|
31
25
|
React.createElement(react_native_1.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
32
26
|
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
33
27
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
34
|
-
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
|
|
35
|
-
React.createElement(react_native_1.ButtonV1, { icon:
|
|
36
|
-
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
37
|
-
React.createElement(react_native_1.ButtonV1, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
38
|
-
svgIconsEnabled && (React.createElement(react_native_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon:
|
|
28
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { svgSource: iconExamples_1.svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
|
|
29
|
+
React.createElement(react_native_1.ButtonV1, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
|
|
30
|
+
React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
31
|
+
React.createElement(react_native_1.ButtonV1, { icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
32
|
+
svgIconsEnabled && (React.createElement(react_native_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: iconExamples_1.iconProps },
|
|
39
33
|
"Icon Button and Chevron",
|
|
40
34
|
React.createElement(react_native_2.View, { style: styles.chevron },
|
|
41
35
|
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,wDAA+B;AAC/B,6CAA0D;AAC1D,2CAA8E;
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,wDAA+B;AAC/B,6CAA0D;AAC1D,2CAA8E;AAC9E,uDAAwE;AACxE,qDAA0C;AAE1C,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEI,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAwB;QACnC,oBAAC,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,uBAAM,IACL,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA4FlC,CAAC"}
|
|
@@ -6,34 +6,33 @@ var react_native_1 = require("@fluentui/react-native");
|
|
|
6
6
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
7
|
var react_native_2 = require("react-native");
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
|
-
var
|
|
9
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
10
10
|
var ButtonSizeTest = function () {
|
|
11
|
-
var svgProps = {
|
|
12
|
-
src: test_svg_1.default,
|
|
13
|
-
viewBox: '0 0 500 500',
|
|
14
|
-
};
|
|
15
11
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
16
12
|
return (React.createElement(react_native_2.View, { style: styles_1.testContentRootViewStyle },
|
|
17
13
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
18
|
-
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "small", icon:
|
|
19
|
-
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "medium", icon:
|
|
20
|
-
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "large", icon:
|
|
21
|
-
React.createElement(react_native_1.ButtonV1, { size: "small", icon:
|
|
22
|
-
React.createElement(react_native_1.ButtonV1, { size: "medium", icon:
|
|
23
|
-
React.createElement(react_native_1.ButtonV1, { size: "large", icon:
|
|
14
|
+
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "small", icon: iconExamples_1.iconProps, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin, tooltip: "button tooltip" }),
|
|
15
|
+
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "medium", icon: iconExamples_1.iconProps, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
16
|
+
React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "large", icon: iconExamples_1.iconProps, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
17
|
+
React.createElement(react_native_1.ButtonV1, { size: "small", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
|
|
18
|
+
React.createElement(react_native_1.ButtonV1, { size: "medium", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
|
|
19
|
+
React.createElement(react_native_1.ButtonV1, { size: "large", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"),
|
|
20
|
+
React.createElement(react_native_1.FAB, { size: "small", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Small FAB"),
|
|
21
|
+
React.createElement(react_native_1.FAB, { size: "large", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Large FAB"))),
|
|
24
22
|
React.createElement(react_native_1.ButtonV1, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
|
|
25
23
|
React.createElement(react_native_1.ButtonV1, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
|
|
26
24
|
React.createElement(react_native_1.ButtonV1, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
React.createElement(
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
react_native_2.Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
|
|
26
|
+
React.createElement(react_native_1.ButtonV1, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
|
|
27
|
+
React.createElement(react_native_1.ButtonV1, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
|
|
28
|
+
React.createElement(react_native_1.ButtonV1, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
|
|
29
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "Small compound button", size: "small", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
30
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "Medium compound button", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
31
|
+
React.createElement(react_native_1.CompoundButton, { secondaryContent: "Large compound button", size: "large", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
|
|
32
|
+
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
33
|
+
React.createElement(react_native_1.CompoundButton, { icon: iconExamples_1.iconProps, secondaryContent: "SecondaryContent", size: "small", style: styles_1.commonTestStyles.vmargin }, "Content"),
|
|
34
|
+
React.createElement(react_native_1.CompoundButton, { icon: iconExamples_1.iconProps, secondaryContent: "SecondaryContent", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Content"),
|
|
35
|
+
React.createElement(react_native_1.CompoundButton, { icon: iconExamples_1.iconProps, secondaryContent: "SecondaryContent", size: "large", style: styles_1.commonTestStyles.vmargin }, "Content")))))));
|
|
37
36
|
};
|
|
38
37
|
exports.ButtonSizeTest = ButtonSizeTest;
|
|
39
38
|
//# sourceMappingURL=ButtonSizeTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAAiF;AACjF,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAA8E;AAC9E,uDAAmD;AAE5C,IAAM,cAAc,GAA4B;IACrD,IAAM,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,iCAAwB;QAClC,eAAe,IAAI,CAClB;YACE,oBAAC,uBAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,wBAAS,EACf,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAC,gBAAgB,GACxB;YACF,oBAAC,uBAAM,IACL,QAAQ,QACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,wBAAS,EACf,kBAAkB,EAAC,4CAA4C,EAC/D,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,uBAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,wBAAS,EACf,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,uBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE5D;YACT,oBAAC,uBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAE7D;YACT,oBAAC,uBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE5D;YACT,oBAAC,kBAAG,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE5D;YACN,oBAAC,kBAAG,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE5D,CACL,CACJ;QACD,oBAAC,uBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE5C;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACR,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;YACE,oBAAC,uBAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;YACT,oBAAC,uBAAM,IAAC,OAAO,QAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAEpD;YACT,oBAAC,uBAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;YACT,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpF;YACjB,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEtF;YACjB,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpF;YAChB,eAAe,IAAI,CAClB;gBACE,oBAAC,6BAAc,IAAC,IAAI,EAAE,wBAAS,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEhG;gBACjB,oBAAC,6BAAc,IAAC,IAAI,EAAE,wBAAS,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEjG;gBACjB,oBAAC,6BAAc,IAAC,IAAI,EAAE,wBAAS,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEhG,CAChB,CACJ,CACA,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA5FW,QAAA,cAAc,kBA4FzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgE/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAe9B,CAAC"}
|
|
@@ -16,27 +16,29 @@ var ButtonShapeTestSection_1 = require("./ButtonShapeTestSection");
|
|
|
16
16
|
var E2EButtonTest_2 = require("./E2EButtonTest");
|
|
17
17
|
var ButtonHOCTestSection_1 = require("../Button/ButtonHOCTestSection");
|
|
18
18
|
var react_native_1 = require("react-native");
|
|
19
|
-
var buttonSections = [
|
|
19
|
+
var buttonSections = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([
|
|
20
20
|
{
|
|
21
21
|
name: 'Button Variants',
|
|
22
22
|
testID: consts_1.BUTTON_TESTPAGE,
|
|
23
23
|
component: ButtonVariantTestSection_1.ButtonVariantTest,
|
|
24
24
|
},
|
|
25
|
-
{
|
|
26
|
-
name: 'Button Shape',
|
|
27
|
-
component: ButtonShapeTestSection_1.ButtonShapeTest,
|
|
28
|
-
},
|
|
29
25
|
{
|
|
30
26
|
name: 'Icon Button',
|
|
31
27
|
component: ButtonIconTestSection_1.ButtonIconTest,
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
}
|
|
29
|
+
], react_native_1.Platform.select({
|
|
30
|
+
android: [null],
|
|
31
|
+
default: [
|
|
32
|
+
{
|
|
36
33
|
name: 'Toggle Button',
|
|
37
34
|
component: ToggleButtonTestSection_1.ToggleButtonTest,
|
|
38
35
|
},
|
|
39
|
-
|
|
36
|
+
{
|
|
37
|
+
name: 'Button Shape',
|
|
38
|
+
component: ButtonShapeTestSection_1.ButtonShapeTest,
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
}), true), [
|
|
40
42
|
{
|
|
41
43
|
name: 'Sizes',
|
|
42
44
|
component: ButtonSizeTestSection_1.ButtonSizeTest,
|
|
@@ -61,14 +63,14 @@ var buttonSections = [
|
|
|
61
63
|
name: 'Deprecated E2E Button Testing',
|
|
62
64
|
component: E2EButtonTest_1.E2EButtonTest_deprecated,
|
|
63
65
|
},
|
|
64
|
-
];
|
|
66
|
+
], false);
|
|
65
67
|
var ButtonTest = function () {
|
|
66
68
|
var status = {
|
|
67
69
|
win32Status: 'Beta',
|
|
68
70
|
uwpStatus: 'Experimental',
|
|
69
71
|
iosStatus: 'Experimental',
|
|
70
72
|
macosStatus: 'Beta',
|
|
71
|
-
androidStatus: '
|
|
73
|
+
androidStatus: 'Experimental',
|
|
72
74
|
};
|
|
73
75
|
var description = 'Buttons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.\n\nWhen considering their place in a layout, contemplate the order in which a user will flow through the UI. As an example, in a form, the individual will need to read and interact with the form fields before submiting the form. Therefore, as a general rule, the button should be placed at the bottom of the UI container (a dialog, panel, or page) which holds the related UI elements.\n\nWhile buttons can technically be used to navigate a user to another part of the experience, this is not recommended unless that navigation is part of an action or their flow.';
|
|
74
76
|
var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Button/SPEC.md';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,gEAA0E;AAC1E,8DAAwE;AACxE,mCAA2C;AAC3C,4DAAsE;AACtE,gCAA4D;AAC5D,uEAA+D;AAC/D,qEAA6D;AAC7D,yEAAiE;AACjE,iEAAyD;AACzD,mEAA2D;AAC3D,iDAA4D;AAC5D,uEAA+D;AAC/D,6CAAwC;AAExC,IAAM,cAAc
|
|
1
|
+
{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,gEAA0E;AAC1E,8DAAwE;AACxE,mCAA2C;AAC3C,4DAAsE;AACtE,gCAA4D;AAC5D,uEAA+D;AAC/D,qEAA6D;AAC7D,yEAAiE;AACjE,iEAAyD;AACzD,mEAA2D;AAC3D,iDAA4D;AAC5D,uEAA+D;AAC/D,6CAAwC;AAExC,IAAM,cAAc;IAClB;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,4CAAiB;KAC7B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,sCAAc;KAC1B;GACE,uBAAQ,CAAC,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,CAAC;IACf,OAAO,EAAE;QACP;YACE,IAAI,EAAE,eAAe;YACrB,SAAS,EAAE,0CAAgB;SAC5B;QACD;YACE,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,wCAAe;SAC3B;KACF;CACF,CAAC;IACF;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,oCAAa;KACzB;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,yCAAyB;KACrC;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,4CAA0B;KACtC;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,0CAAyB;KACrC;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,wCAAwB;KACpC;SACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.android.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAsCrC,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ButtonVariantTest = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var experimental_button_1 = require("@fluentui-react-native/experimental-button");
|
|
6
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
+
var react_native_1 = require("react-native");
|
|
8
|
+
var styles_1 = require("../Common/styles");
|
|
9
|
+
var iconExamples_1 = require("../Common/iconExamples");
|
|
10
|
+
var ButtonVariantTest = function () {
|
|
11
|
+
var _a = React.useState(true), showFABText = _a[0], setShowFABText = _a[1];
|
|
12
|
+
var flipFABcontent = React.useCallback(function () { return setShowFABText(!showFABText); }, [showFABText]);
|
|
13
|
+
return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
|
|
14
|
+
React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin }, "Default"),
|
|
15
|
+
React.createElement(experimental_button_1.Button, { disabled: true, style: styles_1.commonTestStyles.vmargin }, "Default Disabled"),
|
|
16
|
+
React.createElement(experimental_button_1.Button, { appearance: "accent", style: styles_1.commonTestStyles.vmargin }, "Accent"),
|
|
17
|
+
React.createElement(experimental_button_1.Button, { disabled: true, appearance: "accent", style: styles_1.commonTestStyles.vmargin }, "Accent Disabled"),
|
|
18
|
+
React.createElement(experimental_button_1.Button, { appearance: "outline", style: styles_1.commonTestStyles.vmargin }, "Outline"),
|
|
19
|
+
React.createElement(experimental_button_1.Button, { appearance: "outline", disabled: true, style: styles_1.commonTestStyles.vmargin }, "Outline Disabled"),
|
|
20
|
+
React.createElement(experimental_button_1.Button, { appearance: "subtle", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
|
|
21
|
+
React.createElement(experimental_button_1.Button, { appearance: "subtle", disabled: true, style: styles_1.commonTestStyles.vmargin }, "Subtle Disabled"),
|
|
22
|
+
React.createElement(experimental_button_1.FAB, { icon: iconExamples_1.iconProps, iconOnly: true, disabled: true, style: styles_1.commonTestStyles.vmargin }),
|
|
23
|
+
React.createElement(experimental_button_1.FAB, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "Click Me!"),
|
|
24
|
+
React.createElement(experimental_button_1.FAB, { appearance: "subtle", iconOnly: true, disabled: true, icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }),
|
|
25
|
+
React.createElement(experimental_button_1.FAB, { appearance: "subtle", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "Click Me!")));
|
|
26
|
+
};
|
|
27
|
+
exports.ButtonVariantTest = ButtonVariantTest;
|
|
28
|
+
//# sourceMappingURL=ButtonVariantTestSection.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.android.tsx"],"names":[],"mappings":";;;;AAAA,kFAAyE;AACzE,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8E;AAC9E,uDAAmD;AAE5C,IAAM,iBAAiB,GAA4B;IAClD,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAC3D,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,EAA5B,CAA4B,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAwB;QACnC,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3D;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3D;QACT,oBAAC,yBAAG,IAAC,IAAI,EAAE,wBAAS,EAAE,QAAQ,QAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC3E,oBAAC,yBAAG,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,gBAElG;QACN,oBAAC,yBAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,QAAC,QAAQ,QAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC/F,oBAAC,yBAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,gBAEtH,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,iBAAiB,qBAsC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAqCrC,CAAC"}
|
|
@@ -6,16 +6,8 @@ var experimental_button_1 = require("@fluentui-react-native/experimental-button"
|
|
|
6
6
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
7
|
var react_native_1 = require("react-native");
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
|
-
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
10
9
|
// Test also pulls button from deprecated package to ensure it's still working
|
|
11
10
|
var ButtonVariantTest = function () {
|
|
12
|
-
var svgProps = {
|
|
13
|
-
src: test_svg_1.default,
|
|
14
|
-
viewBox: '0 0 500 500',
|
|
15
|
-
};
|
|
16
|
-
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
17
|
-
var _a = React.useState(true), showFABText = _a[0], setShowFABText = _a[1];
|
|
18
|
-
var flipFABcontent = React.useCallback(function () { return setShowFABText(!showFABText); }, [showFABText]);
|
|
19
11
|
return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
|
|
20
12
|
React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin }, "Default"),
|
|
21
13
|
React.createElement(experimental_button_1.Button, { disabled: true, style: styles_1.commonTestStyles.vmargin }, "Default Disabled"),
|
|
@@ -28,9 +20,7 @@ var ButtonVariantTest = function () {
|
|
|
28
20
|
React.createElement(experimental_button_1.Button, { appearance: "subtle", block: true, style: styles_1.commonTestStyles.vmargin }, "Block Subtle"),
|
|
29
21
|
React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Default"),
|
|
30
22
|
React.createElement(experimental_button_1.CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Primary"),
|
|
31
|
-
React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Subtle")
|
|
32
|
-
React.createElement(experimental_button_1.FAB, { icon: iconProps, style: styles_1.commonTestStyles.vmargin }),
|
|
33
|
-
React.createElement(experimental_button_1.FAB, { icon: iconProps, style: styles_1.commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "FAB")));
|
|
23
|
+
React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Subtle")));
|
|
34
24
|
};
|
|
35
25
|
exports.ButtonVariantTest = ButtonVariantTest;
|
|
36
26
|
//# sourceMappingURL=ButtonVariantTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAoF;AACpF,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8E;AAE9E,8EAA8E;AACvE,IAAM,iBAAiB,GAA4B;IACxD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,iCAAwB;QACnC,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,4BAAM,IAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE9E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,iBAAiB,qBAqC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTest.d.ts","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonIconTest.d.ts","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAsB7C,CAAC"}
|
|
@@ -8,24 +8,19 @@ var stack_1 = require("@fluentui-react-native/stack");
|
|
|
8
8
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
9
9
|
var react_native_2 = require("react-native");
|
|
10
10
|
var styles_1 = require("../../Common/styles");
|
|
11
|
-
var
|
|
11
|
+
var iconExamples_1 = require("../../Common/iconExamples");
|
|
12
12
|
var CustomizedIconButton = react_native_1.Button.customize({
|
|
13
13
|
tokens: { iconColor: 'red' },
|
|
14
14
|
content: { style: { marginStart: 5 } },
|
|
15
15
|
});
|
|
16
16
|
var ButtonIconTest_deprecated = function () {
|
|
17
17
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
18
|
-
var testImage = require('../../../../../assets/icon_24x24.png');
|
|
19
|
-
var svgProps = {
|
|
20
|
-
src: test_svg_1.default,
|
|
21
|
-
viewBox: '0 0 500 500',
|
|
22
|
-
};
|
|
23
18
|
// SVG-based icons are not available on all platforms yet
|
|
24
19
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
|
|
25
|
-
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
20
|
+
var iconProps = { svgSource: iconExamples_1.svgProps, width: 20, height: 20 };
|
|
26
21
|
return (React.createElement(react_native_2.View, null,
|
|
27
22
|
React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
28
|
-
React.createElement(react_native_1.Button, { startIcon: testImage, content: "Button with png Icon", tooltip: "button tooltip" }),
|
|
23
|
+
React.createElement(react_native_1.Button, { startIcon: iconExamples_1.testImage, content: "Button with png Icon", tooltip: "button tooltip" }),
|
|
29
24
|
svgIconsEnabled ? (React.createElement(react_native_1.Button, { startIcon: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, iconProps), { color: 'red' }), content: "Button with svg Icon", tooltip: "button tooltip" })) : null,
|
|
30
25
|
svgIconsEnabled ? (React.createElement(CustomizedIconButton, { startIcon: iconProps, content: "Button with Customized Icon", tooltip: "button tooltip" })) : null,
|
|
31
26
|
React.createElement(react_native_1.Text, null, "End Button icon"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTest.js","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAAsD;AACtD,sDAAqD;AACrD,wDAA+B;AAC/B,6CAA8C;AAC9C,8CAAiD;
|
|
1
|
+
{"version":3,"file":"ButtonIconTest.js","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAAsD;AACtD,sDAAqD;AACrD,wDAA+B;AAC/B,6CAA8C;AAC9C,8CAAiD;AACjD,0DAAgE;AAEhE,IAAM,oBAAoB,GAAG,qBAAM,CAAC,SAAS,CAAC;IAC5C,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;IAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;CACvC,CAAC,CAAC;AAEI,IAAM,yBAAyB,GAA4B;IAChE,uDAAuD;IAEvD,yDAAyD;IACzD,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,uBAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,qBAAM,IAAC,SAAS,EAAE,wBAAS,EAAE,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG;YACvF,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,qBAAM,IAAC,SAAS,kDAAO,SAAS,KAAE,KAAK,EAAE,KAAK,KAAI,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI;YACP,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,6BAA6B,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,mBAAI,0BAAuB;YAC3B,eAAe,CAAC,CAAC,CAAC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,CAC1H,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,yBAAyB,6BAsBpC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkM/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
|