From 9774f97cc21e723a99fa2042678df3c33627db57 Mon Sep 17 00:00:00 2001 From: Chris Glein <26607885+chrisglein@users.noreply.github.com> Date: Thu, 9 May 2024 09:48:50 -0700 Subject: [PATCH 1/5] Add contributing doc straight from wiki --- CONTRIBUTING.md | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 CONTRIBUTING.md diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 00000000..5c6b528e --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,42 @@ +If this is your first time, below are some more detailed steps for getting your branch set up and submitting a PR. You can either do this with the command prompt or with a combination of the command prompt and VS Code. + +## Setting up your branch for changes +For each bug or task you complete, it is recommended that you start with a fresh branch. If you have any lingering changes in your current branch that you want to save, go ahead and commit them. If you are just beginning, then you are good to go. On github, navigate to your repository which should be **forked** from Microsoft/react-native-windows. If you haven't already created a fork, follow the steps in [Github branch Setup](https://github.com/Microsoft/react-native-windows/wiki/Setup). Above the list of files is a dropdown that should say master. Use the dropdown to create a new branch and name is according to what you will be working on. (I.e. DropdownHighlight, CleanUpExamples, etc). Now you have created a new branch. + +**VS Code**: If you are using VS Code your current branch shows in the bottom left corner. You can click that and then select from the list to check out either a local or remote branch. + +**Git Command Line**: If you are using the command line, you will want to make sure you have your branch locally. It takes time for it to show up automatically, so you can make it show by running git remote update origin –prune in your command prompt from the root. Run git branch -a to see if your new branch shows up. Now you will want to check out your branch locally. You can do this with git checkout -b branch-name. Confirm you are now working out of the branch with git branch. + +## Make the fix +Now that your branch is set up and ready for commits, go ahead and fix the bug you are working on or make some small change that you want to check in. + +## Verify your changes +Manually test your fix, and ensure that all tests are in a good state. + +Note: If you update snapshots in a branch on the Gallery repo, it will update the timeZoneOffsetInSeconds property in the snapshots to -28800. Currently, this will fail in CI as the timezone when running the snapshot test in CI is different. You will need to manually set the timeZoneOffsetInSeconds value in your snapshots to '-0' after running the `updateSnapshots` command. + +## Commit your changes +**VS Code**: In VS Code, click on Source Control from the left bar. In the list shown stage all of the files you want to submit by selecting them and clicking "+" ("Stage changes"). Add a short message in the textbox at the bottom on what is included in your change. The press "Commit". + +**Git Command Line**: To stage files using the command line, you need to run git add MyFileOne.tsx for each file. You can also look up how to add all files with changes under a directory. Next you will want to commit changes with git commit –m "This change updates the padding in the dropdown" + +You can commit multiple times until you are ready to make a pull request. You should keep the message short since it will not be used in the bug notes and is just for keeping track of the multiple commits in one pull request. + +## Creating a Pull Request +**VS Code**: In VS Code click Push. + +**Git Command Line**: Run git push origin . + +This will push any staged files you have in your branch. + +Now go back to your fork on github. You should see a yellow bar at the top with your change and a button that says "Compare & Pull Request". Click that button. + +Click "Create Pull Request". + +Fill the description of your PR with an explanation of why you made this change, what the change is, and how you changed the repo. Then, if applicable include screenshots of errors/warnings you resolved, or changes to the UI you made. + +A bunch of tests will automatically kick off to verify your PR. The tests marked as required must pass before a PR can be merged. + +Someone will also have to review your change before the change is allowed to be merged in. They may ask questions for more information or ask you to change things. Be sure to respond to their comments and push additional changes to the branch if they ask you to modify things before they sign off. Leave PRs open for at least 24 hours even if you have already received approval before the 24 hour mark; this ensure that all possible reviewers have had the opportunity to make comments. + +Now you are done! Celebrate! Thank you for your contribution! \ No newline at end of file From 5fd5b32cd98d42b02611bb489ea0261f1b184b8d Mon Sep 17 00:00:00 2001 From: Chris Glein <26607885+chrisglein@users.noreply.github.com> Date: Thu, 9 May 2024 09:54:50 -0700 Subject: [PATCH 2/5] Move sample page creation to contributing guide --- CONTRIBUTING.md | 25 ++++++++++++++++++++++++- README.md | 23 ----------------------- 2 files changed, 24 insertions(+), 24 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 5c6b528e..d090410d 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -39,4 +39,27 @@ A bunch of tests will automatically kick off to verify your PR. The tests marked Someone will also have to review your change before the change is allowed to be merged in. They may ask questions for more information or ask you to change things. Be sure to respond to their comments and push additional changes to the branch if they ask you to modify things before they sign off. Leave PRs open for at least 24 hours even if you have already received approval before the 24 hour mark; this ensure that all possible reviewers have had the opportunity to make comments. -Now you are done! Celebrate! Thank you for your contribution! \ No newline at end of file +Now you are done! Celebrate! Thank you for your contribution! + +# Adding Sample Pages + +![gallery_datepicker](https://user-images.githubusercontent.com/34109996/108123330-86734180-705a-11eb-8bea-409f017ab781.PNG) + +To add a sample page: + +1. Author your page as a standard RN component and export the component. See https://github.com/microsoft/RNGallery/tree/main/src/examples for existing sample pages +2. Add an entry to the array in the [RNGalleryList](https://github.com/microsoft/RNGallery/blob/f592dac5969f054dad4837929d214c2fd63495a5/src/RNGalleryList.ts#L1) + +``` +import {FooExamplePage} from './examples/FooExamplePage'; + +export const RNGalleryList: Array = [ + ... + { + key: 'FooExamplePage', + component: FooExamplePage, + }, +]; +``` + +It's that simple! The app will pick up your new sample page, add an item in the navigation draw for it, and navigate to your page when the user clicks on it. If you want a more detailed set of instructions on how to add a page visit [here](https://github.com/microsoft/react-native-gallery/wiki/Add-a-Component-Page). \ No newline at end of file diff --git a/README.md b/README.md index cf74e5c8..e3137886 100644 --- a/README.md +++ b/README.md @@ -29,26 +29,3 @@ For more information see the [Code of Conduct FAQ](https://opensource.microsoft. contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. For addtional information about contributing to React Native Gallery visit [here](https://github.com/microsoft/react-native-gallery/wiki/Contributing-to-React-Native-Gallery). - -# Adding Sample Pages - -![gallery_datepicker](https://user-images.githubusercontent.com/34109996/108123330-86734180-705a-11eb-8bea-409f017ab781.PNG) - -To add a sample page: - -1. Author your page as a standard RN component and export the component. See https://github.com/microsoft/RNGallery/tree/main/src/examples for existing sample pages -2. Add an entry to the array in the [RNGalleryList](https://github.com/microsoft/RNGallery/blob/f592dac5969f054dad4837929d214c2fd63495a5/src/RNGalleryList.ts#L1) - -``` -import {FooExamplePage} from './examples/FooExamplePage'; - -export const RNGalleryList: Array = [ - ... - { - key: 'FooExamplePage', - component: FooExamplePage, - }, -]; -``` - -It's that simple! The app will pick up your new sample page, add an item in the navigation draw for it, and navigate to your page when the user clicks on it. If you want a more detailed set of instructions on how to add a page visit [here](https://github.com/microsoft/react-native-gallery/wiki/Add-a-Component-Page). From e9d3f1bff2971cc597b66c0cec064d2fa6ccc0a3 Mon Sep 17 00:00:00 2001 From: Chris Glein <26607885+chrisglein@users.noreply.github.com> Date: Thu, 9 May 2024 11:46:17 -0700 Subject: [PATCH 3/5] Redirect to wiki page for sample page details --- CONTRIBUTING.md | 20 ++++---------------- 1 file changed, 4 insertions(+), 16 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index d090410d..8c423527 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -45,21 +45,9 @@ Now you are done! Celebrate! Thank you for your contribution! ![gallery_datepicker](https://user-images.githubusercontent.com/34109996/108123330-86734180-705a-11eb-8bea-409f017ab781.PNG) -To add a sample page: +To add a sample page you'll need to: -1. Author your page as a standard RN component and export the component. See https://github.com/microsoft/RNGallery/tree/main/src/examples for existing sample pages -2. Add an entry to the array in the [RNGalleryList](https://github.com/microsoft/RNGallery/blob/f592dac5969f054dad4837929d214c2fd63495a5/src/RNGalleryList.ts#L1) +1. Author your page as a standard RN component that uses 'Page' and 'Example' components for structure. See [./src/examples/](https://github.com/microsoft/RNGallery/tree/main/src/examples) for existing sample pages +2. Add an entry to the array in [RNGalleryList](https://github.com/microsoft/RNGallery/blob/f592dac5969f054dad4837929d214c2fd63495a5/src/RNGalleryList.ts#L1) -``` -import {FooExamplePage} from './examples/FooExamplePage'; - -export const RNGalleryList: Array = [ - ... - { - key: 'FooExamplePage', - component: FooExamplePage, - }, -]; -``` - -It's that simple! The app will pick up your new sample page, add an item in the navigation draw for it, and navigate to your page when the user clicks on it. If you want a more detailed set of instructions on how to add a page visit [here](https://github.com/microsoft/react-native-gallery/wiki/Add-a-Component-Page). \ No newline at end of file +For more detailed instructions on how to add a page visit [here](https://github.com/microsoft/react-native-gallery/wiki/Add-a-Component-Page). From 9dfb1d724ca8642cc5e406f814f6f61d1d83302a Mon Sep 17 00:00:00 2001 From: Chris Glein <26607885+chrisglein@users.noreply.github.com> Date: Thu, 9 May 2024 11:55:28 -0700 Subject: [PATCH 4/5] Add SVG dependency and example page --- __tests__/App-test.js | 6 + __tests__/__snapshots__/App-test.js.snap | 1102 +++++++++++++++++ package.json | 1 + patches/react-native-svg+15.2.0.patch | 28 + src/RNGalleryList.ts | 9 + src/examples/SvgExamplePage.tsx | 63 + windows/rngallery.sln | 14 + .../rngallery/AutolinkedNativeModules.g.cpp | 5 + .../AutolinkedNativeModules.g.targets | 4 + yarn.lock | 89 ++ 10 files changed, 1321 insertions(+) create mode 100644 patches/react-native-svg+15.2.0.patch create mode 100644 src/examples/SvgExamplePage.tsx diff --git a/__tests__/App-test.js b/__tests__/App-test.js index 7e8de888..bdda8fc6 100644 --- a/__tests__/App-test.js +++ b/__tests__/App-test.js @@ -38,6 +38,7 @@ import {ExpanderExamplePage} from '../src/examples/ExpanderExamplePage'; // Unable to import: {export * from './types'; SyntaxError: Unexpected token 'export' //import {RadioButtonsExamplePage} from '../src/examples/RadioButtonsExamplePage'; import {NetworkExamplePage} from '../src/examples/NetworkExamplePage'; +import {SvgExamplePage} from '../src/examples/SvgExamplePage'; import {View} from 'react-native'; function Control() { @@ -174,6 +175,11 @@ test('Slider Example Page', () => { expect(tree).toMatchSnapshot(); }); +test('SVG Example Page', () => { + const tree = create().toJSON(); + expect(tree).toMatchSnapshot(); +}); + test('Switch Example Page', () => { const tree = create().toJSON(); expect(tree).toMatchSnapshot(); diff --git a/__tests__/__snapshots__/App-test.js.snap b/__tests__/__snapshots__/App-test.js.snap index 963b2795..369e0910 100644 --- a/__tests__/__snapshots__/App-test.js.snap +++ b/__tests__/__snapshots__/App-test.js.snap @@ -31949,6 +31949,1108 @@ exports[`ProgressView Example Page 1`] = ` `; +exports[`SVG Example Page 1`] = ` + + + + + +  + + + + + + + + SVG + + + + + Community Module + + + + + + + A component which renders vector graphics. + + + + + + A simple Image from web source. + + + + + + + + + + + + + + + <Svg height= + + + + "200px" + + + + width= + + + + "200px" + + + + viewBox= + + + + "0 0 100 100" + + + + > + + + + + + < + + + + Circle + + + + + + + + + cx + + + + = + + + + "50" + + + + + + + + + cy + + + + = + + + + "50" + + + + + + + + + r + + + + = + + + + "45" + + + + + + + + + stroke + + + + = + + + + "blue" + + + + + + + + + strokeWidth + + + + = + + + + "2.5" + + + + + + + + + fill + + + + = + + + + "green" + + + + + /> + + + + + + + + + + + < + + + + Rect + + + + + + + + + x + + + + = + + + + "15" + + + + + + + + + y + + + + = + + + + "15" + + + + + + + + + width + + + + = + + + + "70" + + + + + + + + + height + + + + = + + + + "70" + + + + + + + + + stroke + + + + = + + + + "red" + + + + + + + + + strokeWidth + + + + = + + + + "2" + + + + + + + + + fill + + + + = + + + + "yellow" + + + + + /> + + + + + +</Svg> + + + + + + +  + + + + + + + + + + + View page code on Github + + + + + + Feedback + + + + + + + Documentation + + + + + + + + +`; + exports[`ScrollView Example Page 1`] = ` true + Windows Store + 10.0 +- 10.0 +- 10.0.22621.0 + + + +- 10.0.18362.0 ++ 10.0.18362.0 + 10.0.16299.0 + + +@@ -122,6 +120,9 @@ + + NDEBUG;%(PreprocessorDefinitions) + ++ ++ dxguid.lib;WindowsApp.lib;%(AdditionalDependencies) ++ + + + \ No newline at end of file diff --git a/src/RNGalleryList.ts b/src/RNGalleryList.ts index c559736b..9c56ecba 100644 --- a/src/RNGalleryList.ts +++ b/src/RNGalleryList.ts @@ -40,6 +40,7 @@ import {ExpanderExamplePage} from './examples/ExpanderExamplePage'; import {VirtualizedListExamplePage} from './examples/VirtualizedListExamplePage'; import {LinearGradientExamplePage} from './examples/LinearGradientExamplePage'; import {NetworkExamplePage} from './examples/NetworkExamplePage'; +import {SvgExamplePage} from './examples/SvgExamplePage'; // https://github.com/microsoft/WinUI-Gallery/blob/c8f04135579c08c9a80711dcad7247f259891c79/WinUIGallery/DataModel/ControlInfoData.json#L803 let RNGalleryCategories = [ @@ -262,6 +263,14 @@ export const RNGalleryList: Array = [ 'A button that can be switched between two states like a CheckBox.', type: 'Basic Input', }, + { + key: 'Svg', + component: SvgExamplePage, + textIcon: '\uE734', + subtitle: 'Rendering of vector graphics.', + type: 'Media', + new: true, + }, { key: 'Text', component: TextExamplePage, diff --git a/src/examples/SvgExamplePage.tsx b/src/examples/SvgExamplePage.tsx new file mode 100644 index 00000000..c65b62ac --- /dev/null +++ b/src/examples/SvgExamplePage.tsx @@ -0,0 +1,63 @@ +'use strict'; +import React from 'react'; +import {Example} from '../components/Example'; +import {Page} from '../components/Page'; +import Svg, {Circle, Rect} from 'react-native-svg'; + +export const SvgExamplePage: React.FunctionComponent<{}> = () => { + const example1jsx = ` + + +`; + + return ( + + + + + + + + + ); +}; diff --git a/windows/rngallery.sln b/windows/rngallery.sln index b73f3f08..9f75c47f 100644 --- a/windows/rngallery.sln +++ b/windows/rngallery.sln @@ -71,6 +71,8 @@ Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "ReactNativeWindowsHello", " EndProject Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "RNLinearGradient", "..\node_modules\react-native-linear-gradient\windows\RNLinearGradient\RNLinearGradient\RNLinearGradient.vcxproj", "{193DF456-3F97-4CC1-A7D4-809857CC064E}" EndProject +Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "RNSVG", "..\node_modules\react-native-svg\windows\RNSVG\RNSVG.vcxproj", "{7ACF84EC-EFBA-4043-8E14-40B159508902}" +EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution Debug|ARM64 = Debug|ARM64 @@ -389,6 +391,18 @@ Global {193DF456-3F97-4CC1-A7D4-809857CC064E}.Release|x64.Build.0 = Release|x64 {193DF456-3F97-4CC1-A7D4-809857CC064E}.Release|x86.ActiveCfg = Release|Win32 {193DF456-3F97-4CC1-A7D4-809857CC064E}.Release|x86.Build.0 = Release|Win32 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Debug|ARM64.ActiveCfg = Debug|ARM64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Debug|ARM64.Build.0 = Debug|ARM64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Debug|x64.ActiveCfg = Debug|x64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Debug|x64.Build.0 = Debug|x64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Debug|x86.ActiveCfg = Debug|Win32 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Debug|x86.Build.0 = Debug|Win32 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Release|ARM64.ActiveCfg = Release|ARM64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Release|ARM64.Build.0 = Release|ARM64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Release|x64.ActiveCfg = Release|x64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Release|x64.Build.0 = Release|x64 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Release|x86.ActiveCfg = Release|Win32 + {7ACF84EC-EFBA-4043-8E14-40B159508902}.Release|x86.Build.0 = Release|Win32 EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE diff --git a/windows/rngallery/AutolinkedNativeModules.g.cpp b/windows/rngallery/AutolinkedNativeModules.g.cpp index fcbb968a..ebb12271 100644 --- a/windows/rngallery/AutolinkedNativeModules.g.cpp +++ b/windows/rngallery/AutolinkedNativeModules.g.cpp @@ -45,6 +45,9 @@ // Includes from react-native-sensitive-info #include +// Includes from react-native-svg +#include + // Includes from react-native-track-player #include @@ -93,6 +96,8 @@ void RegisterAutolinkedNativeModulePackages(winrt::Windows::Foundation::Collecti packageProviders.Append(winrt::RNPrint::ReactPackageProvider()); // IReactPackageProviders from react-native-sensitive-info packageProviders.Append(winrt::RNSensitiveInfoCPP::ReactPackageProvider()); + // IReactPackageProviders from react-native-svg + packageProviders.Append(winrt::RNSVG::ReactPackageProvider()); // IReactPackageProviders from react-native-track-player packageProviders.Append(winrt::RNTrackPlayer::ReactPackageProvider()); // IReactPackageProviders from react-native-tts diff --git a/windows/rngallery/AutolinkedNativeModules.g.targets b/windows/rngallery/AutolinkedNativeModules.g.targets index 8f392150..dc51d627 100644 --- a/windows/rngallery/AutolinkedNativeModules.g.targets +++ b/windows/rngallery/AutolinkedNativeModules.g.targets @@ -58,6 +58,10 @@ {471024f1-cd6d-4f1e-a6c7-0037152c850e} + + + {7acf84ec-efba-4043-8e14-40b159508902} + {CC51D49E-7FAB-42D2-825D-5E93AC57262C} diff --git a/yarn.lock b/yarn.lock index 0fafd984..f183ab4e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5007,6 +5007,11 @@ bl@^4.1.0: inherits "^2.0.4" readable-stream "^3.4.0" +boolbase@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" + integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww== + brace-expansion@^1.1.7: version "1.1.11" resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd" @@ -5490,6 +5495,30 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.3: shebang-command "^2.0.0" which "^2.0.1" +css-select@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6" + integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg== + dependencies: + boolbase "^1.0.0" + css-what "^6.1.0" + domhandler "^5.0.2" + domutils "^3.0.1" + nth-check "^2.0.1" + +css-tree@^1.1.3: + version "1.1.3" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d" + integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q== + dependencies: + mdn-data "2.0.14" + source-map "^0.6.1" + +css-what@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4" + integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw== + csstype@^3.0.2: version "3.0.3" resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.3.tgz#2b410bbeba38ba9633353aff34b05d9755d065f8" @@ -5666,6 +5695,36 @@ doctrine@^3.0.0: dependencies: esutils "^2.0.2" +dom-serializer@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53" + integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg== + dependencies: + domelementtype "^2.3.0" + domhandler "^5.0.2" + entities "^4.2.0" + +domelementtype@^2.3.0: + version "2.3.0" + resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d" + integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw== + +domhandler@^5.0.2, domhandler@^5.0.3: + version "5.0.3" + resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31" + integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w== + dependencies: + domelementtype "^2.3.0" + +domutils@^3.0.1: + version "3.1.0" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e" + integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA== + dependencies: + dom-serializer "^2.0.0" + domelementtype "^2.3.0" + domhandler "^5.0.3" + ee-first@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" @@ -5732,6 +5791,11 @@ end-of-stream@^1.1.0: dependencies: once "^1.4.0" +entities@^4.2.0: + version "4.5.0" + resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48" + integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw== + envinfo@^7.10.0: version "7.11.0" resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.0.tgz#c3793f44284a55ff8c82faf1ffd91bc6478ea01f" @@ -8064,6 +8128,11 @@ marky@^1.2.2: resolved "https://registry.yarnpkg.com/marky/-/marky-1.2.5.tgz#55796b688cbd72390d2d399eaaf1832c9413e3c0" integrity sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q== +mdn-data@2.0.14: + version "2.0.14" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50" + integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow== + mem@^4.3.0: version "4.3.0" resolved "https://registry.yarnpkg.com/mem/-/mem-4.3.0.tgz#461af497bc4ae09608cdb2e60eefb69bff744178" @@ -9228,6 +9297,13 @@ npm-run-path@^4.0.0, npm-run-path@^4.0.1: dependencies: path-key "^3.0.0" +nth-check@^2.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d" + integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w== + dependencies: + boolbase "^1.0.0" + nullthrows@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1" @@ -9871,6 +9947,11 @@ react-native-print@0.8.0: resolved "https://registry.yarnpkg.com/react-native-print/-/react-native-print-0.8.0.tgz#9d200812ff2462c0d2421776dcab378e544a52fc" integrity sha512-eldQMPw5YjhHLckIvG2EodLvADjjk42k//CMVqQJ7wJHpm6gk0znlZmSC/oz2M46J74dzLLVcq20xgt5lQTP6w== +react-native-radio-buttons-group@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/react-native-radio-buttons-group/-/react-native-radio-buttons-group-3.1.0.tgz#b19d383fc2dece17eba1ce37b9f357c47431aded" + integrity sha512-DiNM1yI6WfRygUZ+Z/bsjggyLypXsxRNXPNYpPHXSEVbRD6uF5Aei+HMIwyeRbfMKPtHwLq7cGsmUDV01i+rOQ== + react-native-reanimated@^1.10.0: version "1.13.4" resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.13.4.tgz#f57c65e80ab5d2f60bf7dd21716c0bad8108b84e" @@ -9893,6 +9974,14 @@ react-native-sensitive-info@6.0.0-alpha.9: resolved "https://registry.yarnpkg.com/react-native-sensitive-info/-/react-native-sensitive-info-6.0.0-alpha.9.tgz#b488fab715d36efdf80b377a21545cfe888ab8d2" integrity sha512-W2R1gUHgBAmy+wVl0BvA7s01SqqTitnG4Sdj2zmck0OS5a54kq+pTnXRqDljMa2NQs4Mue2IHyvd+Tf0X1ZL6Q== +react-native-svg@^15.2.0: + version "15.2.0" + resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.2.0.tgz#9561a6b3bd6b44689f437ba13182afee33bd5557" + integrity sha512-R0E6IhcJfVLsL0lRmnUSm72QO+mTqcAOM5Jb8FVGxJqX3NfJMlMP0YyvcajZiaRR8CqQUpEoqrY25eyZb006kw== + dependencies: + css-select "^5.1.0" + css-tree "^1.1.3" + react-native-track-player@JaneaSystems/react-native-track-player#windows_cpp2: version "1.2.5" resolved "https://codeload.github.com/JaneaSystems/react-native-track-player/tar.gz/5838b8516c4ffb024abff928c7cc2b4f8159d768" From 00b1f36b0e0fc8ad98b666e48da1fa66d495d398 Mon Sep 17 00:00:00 2001 From: Chris Glein <26607885+chrisglein@users.noreply.github.com> Date: Thu, 9 May 2024 11:55:36 -0700 Subject: [PATCH 5/5] Fix radio buttons link --- src/examples/RadioButtonsExamplePage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/examples/RadioButtonsExamplePage.tsx b/src/examples/RadioButtonsExamplePage.tsx index 41689bcd..9598247e 100644 --- a/src/examples/RadioButtonsExamplePage.tsx +++ b/src/examples/RadioButtonsExamplePage.tsx @@ -32,7 +32,7 @@ export const RadioButtonsExamplePage: React.FunctionComponent<{}> = () => { title="Radio Buttons" description="Use radio buttons to let a user choose between mutually exclusive, related options." componentType="Community" - pageCodeUrl="https://github.com/microsoft/react-native-gallery/blob/main/src/examples/LinearGradientExamplePage.tsx" + pageCodeUrl="https://github.com/microsoft/react-native-gallery/blob/main/src/examples/RadioButtonsExamplePage.tsx" documentation={[ { label: 'Radio Buttons Group',