Skip to content

feat(translation/jp): 20231030 update #3217

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 620 commits into from
Oct 30, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
620 commits
Select commit Hold shift + click to select a range
1ff738a
docs(your-first-app): mark webviewPath as optional in UserPhoto inter…
averyjohnston Apr 24, 2023
d8b91fe
fix(angular-getting-started): type errors (#2688)
gregbilletdeaux Apr 24, 2023
d6659e1
Revert "fix(): page components file structure (#2907)" (#2928)
liamdebeasi Apr 25, 2023
cae727f
refactor(api): v5 docs use internal import (#2929)
liamdebeasi Apr 25, 2023
2c43649
fix(playground): allow automatic mode selection when relevant base fi…
averyjohnston Apr 25, 2023
3da7c10
fix: styles for ion-slides migration (#2930)
sean-perkins Apr 25, 2023
431f2e0
refactor(playground): remove unused angularModuleOptions feature (#2933)
averyjohnston Apr 25, 2023
7a9f3b3
docs(ionicslides): include slides param link (#2934)
thetaPC Apr 25, 2023
ba21d4e
docs(tab): remove references to using Stencil with tab (#2932)
mapsandapps Apr 26, 2023
f143f30
chore(crowdin): api docs are no longer ignored (#2938)
liamdebeasi Apr 26, 2023
3a20ba5
fix(docsdemo, playground): add keys to list items (#2940)
averyjohnston Apr 27, 2023
9675a8a
fix(ColorAccordion, LayeredColorsSelect): add keys to list items (#2942)
averyjohnston Apr 27, 2023
069b134
fix(docdemo, coloraccordion): correctly format SVG/CSS props (#2941)
averyjohnston Apr 27, 2023
53e69e6
chore(contributing): remove slack link on v5 (#2939)
jaredcbaum Apr 28, 2023
ea89c02
docs(Swiper): fix typo in slidesPerView value (#2945)
averyjohnston May 1, 2023
815edef
docs(android): update where to find SDK/AVD managers (#2947)
averyjohnston May 1, 2023
8585a9f
chore(intro/next): Elite Ionic -> Ionic Start (#2931)
jaredcbaum May 2, 2023
66a7d12
docs(developing): tip for changing node_modules permissions (#2950)
sean-perkins May 3, 2023
f4adec9
docs(breadcrumbs): update vue example (#2949)
mapsandapps May 3, 2023
a72013d
docs(lifecycle): clarify method descriptions (#2951)
liamdebeasi May 3, 2023
be3c382
docs(updating): add angular toolkit upgrade to v7 upgrade guide (#2952)
liamdebeasi May 4, 2023
8db9610
chore(lint): add prettier and lint on CI (#2946)
brandyscarney May 4, 2023
01d9c09
docs(support): update angular support policy (#2953)
liamdebeasi May 8, 2023
944abce
docs(range): update docs to use label prop (#2955)
averyjohnston May 10, 2023
afebb15
fix(tabs): correct router playground src (#2957)
thetaPC May 11, 2023
9184c2f
docs(app-store): add reference to App Store Connect (#2198)
jstjnsn May 11, 2023
ddcb607
docs(developing): update Java instructions to mention JDK 11 for late…
AustineA May 11, 2023
3bc9014
docs(react): remove IonContent from tabs example (#2958)
liamdebeasi May 12, 2023
34a7c6a
docs(vue): remove IonContent from tabs example (#2959)
liamdebeasi May 12, 2023
2f1a769
docs(dark-mode): replace deprecated addListener() usage (#1908)
eyecatchup May 17, 2023
998c507
docs(quickstart): remove typescript for imports and tests (#2216)
praxxys May 17, 2023
7d6da43
fix(CodeColor, LayeredColorsSelect): fix invalid DOM nesting (#2963)
averyjohnston May 18, 2023
244d728
docs(react): remove unopened closing tag (#2964)
mapsandapps May 18, 2023
47dfcab
fix: Ionic CLI links to latest docs page (#2961)
zakuru May 19, 2023
d8731a4
docs(tabs): angular usage does not use explicit ion-router-outlet (#2…
sean-perkins May 19, 2023
4af04fa
doc(CORS): update the native options (#2954)
kensodemann May 19, 2023
2e8bff2
feat(playground): inline dependencies per framework example (#2970)
sean-perkins May 23, 2023
e489144
chore: update minor release to happen every 4 weeks if needed (#2972)
liamdebeasi May 24, 2023
436bc2e
docs(select): add label slot and aria label playgrounds (#2971)
liamdebeasi May 25, 2023
bb95aec
docs(vue): add community guide by theafolayan (#1795)
theafolayan May 25, 2023
b846359
docs(PWAs): add Vue to list of PWA deployment guides (#2974)
averyjohnston May 25, 2023
b43e71c
docs(spinner): add docs for resizing (#2966)
mapsandapps May 26, 2023
f4306be
docs(developing): update default Android SDK path (#2771)
juliendecoster May 26, 2023
c96239f
docs(native): fix typo (#2976)
tinuzz May 30, 2023
bb9e793
chore: prettier formatting (#2979)
sean-perkins May 30, 2023
9fd849f
docs(angular): relative routing is supported (#2980)
sean-perkins May 31, 2023
e665d7e
docs(angular): update component testing code snippets (#2985)
sean-perkins Jun 5, 2023
7c5fc22
chore(deps): update react and vue playground dependencies (#2989)
sean-perkins Jun 6, 2023
0095c9f
docs(datetime): add playground for styling wheel pickers (#2982)
averyjohnston Jun 6, 2023
b6dd83a
docs(angular):updated component photo service (#2986) (#2987)
nandanchandra Jun 6, 2023
b52a8c3
docs(android): clarify steps to set up native project and run with Ca…
sanjeed5 Jun 7, 2023
cfceccd
docs(security): content security policies (#2975)
sean-perkins Jun 9, 2023
5109e2a
chore(fundamentals): clarify events (#2992)
liamdebeasi Jun 9, 2023
13e6bf9
docs(app-store): add release flag (#2990)
liamdebeasi Jun 9, 2023
bc06123
docs(vue): fix lifecycle table formatting (#2967)
doingandlearning Jun 12, 2023
ec01f80
docs(infinite-scroll): use the correct custom event (#2995)
thetaPC Jun 14, 2023
a0f9248
docs(angular): fix indentation in 5-adding-mobile.md (#2855)
bobbyg603 Jun 15, 2023
7540f82
docs(input): add label slot and no visible label demos (#2997)
liamdebeasi Jun 20, 2023
107a0c5
Merge remote-tracking branch 'origin/main' into feature-7.1
sean-perkins Jun 20, 2023
d9ca1bf
docs(select): add playgrounds for toggle icon customization (#2996)
averyjohnston Jun 20, 2023
fa7e948
docs(input): input masking examples (#2993)
sean-perkins Jun 20, 2023
e9dc746
docs(textarea): add label slot examples (#3001)
liamdebeasi Jun 20, 2023
a3ef3b3
chore: release ionic 7.1 docs
liamdebeasi Jun 21, 2023
78934cd
chore: add playgrounds for JP docs (#3004)
liamdebeasi Jun 21, 2023
dc99a6e
chore: upgrade maskito dependencies to v1 (#3005)
sean-perkins Jun 21, 2023
113dee7
fix(playground-tabs): show arrows on long list (#3009)
thetaPC Jun 22, 2023
9b65f4b
docs(native): improve grammar
CrazyChaoz Jun 23, 2023
03022cb
docs(your-first-app): switch to Date.now() (#2915)
biskweet Jun 26, 2023
7d9e1fe
docs(list): use dark mode aware color (#3015)
liamdebeasi Jul 6, 2023
806851b
docs(maskito): update credit card mask format (#3007)
sean-perkins Jul 6, 2023
b2b7df1
chore(ci): check for diff after running prettier (#2981)
sean-perkins Jul 6, 2023
63d96f3
chore: lint content (#3020)
liamdebeasi Jul 6, 2023
33b6def
docs(animation): add playground for override example (#3018)
liamdebeasi Jul 6, 2023
9be822b
docs(button): include accessibility section with best practices for t…
brandyscarney Jul 7, 2023
c768b6e
docs(vue): Improve documentation for removing Typescript steps in v7 …
dlodeprojuicer Jul 7, 2023
769c9a4
feat(playground): add support for generating a new playground (#2994)
mapsandapps Jul 10, 2023
337e869
chore: enable renovate for component playground deps (#3016)
sean-perkins Jul 10, 2023
6b2f6ed
Configure Renovate (#3017)
renovate[bot] Jul 10, 2023
af69fb0
docs(modal): clarify swipe to close section (#3021)
liamdebeasi Jul 10, 2023
9c06dc2
docs(react): clarify IonTabs behavior with IonPage (#3012)
liamdebeasi Jul 10, 2023
15817f4
chore(renovate): remove extending docs config (#3027)
sean-perkins Jul 11, 2023
2c7303e
docs(animation): add playground for group example (#3025)
liamdebeasi Jul 11, 2023
4face1f
docs(animations): add playground for chained animations (#3026)
sean-perkins Jul 11, 2023
718e779
chore(deps): update dependency vite to v2.9.16 [security] (#3028)
renovate[bot] Jul 11, 2023
756ebca
docs(animation): add playground for basic animations (#3031)
thetaPC Jul 12, 2023
03a8153
fix(deps): update dependency @types/node to v16.18.38 (#3033)
renovate[bot] Jul 12, 2023
b7348bd
fix(generation): correct angular imports (#3034)
mapsandapps Jul 12, 2023
b85fc79
docs(animations): buttons in StackBlitz demos do not need id (#3037)
brandyscarney Jul 12, 2023
fa26dee
chore(renovate): limit include paths (#3030)
sean-perkins Jul 12, 2023
431cecc
docs(animations): add playground for before and after hooks (#3035)
brandyscarney Jul 12, 2023
4a53559
docs(animations): add playground for preference based (#3036)
thetaPC Jul 13, 2023
4d8f605
docs(angular): add type assertion for your first app code snippet (#2…
josh33 Jul 13, 2023
1acc6e4
docs(animation): add playground example for double-click gesture (#3…
mapsandapps Jul 14, 2023
99b5f8a
docs(animation): add gesture animation playground (#3043)
liamdebeasi Jul 17, 2023
614519f
docs(gesture): add playground example for basic usage (#3038)
sean-perkins Jul 17, 2023
004c78b
docs(animation): add playground example for keyframes (#3039)
mapsandapps Jul 17, 2023
8e35d5f
docs(item-sliding): clarify expandable behavior (#3044)
liamdebeasi Jul 18, 2023
d57ab7e
docs(menu): add playgrounds for menu sides and multiple menus (#3049)
brandyscarney Jul 18, 2023
484dcce
Merge branch 'main' of github.com:ionic-team/ionic-docs
rdlabo Jul 19, 2023
a86d8ae
fix(): fix conflict package.json
rdlabo Jul 19, 2023
6abe84b
chore(): fixed lint
rdlabo Jul 19, 2023
d6a3256
fix(ci): fix lint and diff
rdlabo Jul 19, 2023
0eff3b8
Merge remote-tracking branch 'origin/main' into feature-7.2
liamdebeasi Jul 19, 2023
c9a58f6
chore: lint
liamdebeasi Jul 19, 2023
f947b4a
chore: merge feature-7.2 docs
liamdebeasi Jul 19, 2023
d4f47d9
fix(script): follow new docs script
rdlabo Jul 20, 2023
e95ddf7
translate
rdlabo Jul 20, 2023
3ec07a7
chore
rdlabo Jul 20, 2023
80134d9
chore(): fix confrect
rdlabo Jul 20, 2023
7e04aef
fmt
rdlabo Jul 20, 2023
7476dbe
fix(): remove i18n folder from git
rdlabo Jul 20, 2023
8558baa
chore: JP docs point to v7 (#3056)
liamdebeasi Jul 25, 2023
1d2347e
chore: use correct name for JP docs (#3057)
liamdebeasi Jul 25, 2023
13b92d8
docs(android,iOS): link to capacitor getting started guide (#3055)
sean-perkins Jul 26, 2023
71e57ed
docs(theming): add section about safe area padding (#3065)
averyjohnston Aug 1, 2023
dc465d5
docs(quickstart): change wording for installing CLI (#3040)
Faizanahmedsy Aug 2, 2023
6c5b117
docs(previewing): adding instruction about "ionic serve --external" …
ashfaqhaq Aug 2, 2023
8ad4e0a
docs(theming): migrate Dark Mode Codepens to playground examples (#3067)
brandyscarney Aug 4, 2023
a47e79f
docs(api): add accessibility section for new htmlAttributes property …
brandyscarney Aug 4, 2023
20981f3
docs(vue): streamline usage examples with script setup syntax (#2956)
treighmawaka Aug 7, 2023
7e081fa
docs(input): update `Maskito` documentation link (#3072)
nsbarsukov Aug 8, 2023
43c3c9e
docs(react): document lifecycle hook dependencies arg (#3078)
liamdebeasi Aug 10, 2023
95eaf9f
docs(input): update `Maskito` repository link (#3074)
nsbarsukov Aug 10, 2023
dcba5c2
feat(playground): add prop to display console messages from demo (#3060)
averyjohnston Aug 10, 2023
ef426cd
fix(): consolidate docusaurus tab groupids (#3079)
mapsandapps Aug 10, 2023
3e68cbc
Merge branch 'main' of github.com:ionic-team/ionic-docs
rdlabo Aug 13, 2023
c75a55a
fix(vue): fix bug with key type
fc92 Aug 14, 2023
760204f
fix(): alphabetize sidebar (#3081)
mapsandapps Aug 14, 2023
b4e56e2
Revert "fix(): alphabetize sidebar (#3081)" (#3087)
mapsandapps Aug 15, 2023
6bc7c76
chore: merge feature-7.3 documentation
liamdebeasi Aug 16, 2023
32bb2d0
docs(picker): describe how to set the initial value of a picker colum…
dtarnawsky Aug 22, 2023
dedf768
chore: standardize title tag format (#3092)
mapsandapps Aug 22, 2023
6e7737e
docs(datetime): add best practices for setting value async (#3053)
averyjohnston Aug 23, 2023
2479291
Merge branch 'main' of github.com:ionic-team/ionic-docs
rdlabo Aug 24, 2023
1ca12d1
fix(docs): fix merge mistake
rdlabo Aug 24, 2023
9cdbac8
translate(core): create translate file
rdlabo Aug 24, 2023
8bbe61d
fmt
rdlabo Aug 24, 2023
b217c9b
translate(docs): translated
rdlabo Aug 24, 2023
e899a52
fmt
rdlabo Aug 24, 2023
ab5c450
chore(CODEOWNERS): create codeowners file and add me
mapsandapps Aug 25, 2023
f593596
feat(generation): generate playgrounds for guides (#3098)
mapsandapps Aug 28, 2023
c5e359e
Merge branch 'translation/jp' of github.com:ionic-team/ionic-docs
rdlabo Aug 31, 2023
84e8ae2
chore: format generated property types (#3080)
sean-perkins Sep 1, 2023
820edf0
docs(content): add playground for safe area usage (#3102)
thetaPC Sep 1, 2023
134d538
docs(fab): add playground for safe area workaround (#3105)
mapsandapps Sep 5, 2023
56a8060
feat(checkbox, radio, toggle, range): stacked labels for form control…
thetaPC Sep 5, 2023
ddb9aa9
docs(datetime): adds playground for styling calendar days using shado…
brandyscarney Sep 6, 2023
9e0fc43
chore(angular, html, react, vue): revert package versions on stackbli…
thetaPC Sep 6, 2023
288a265
feat(many): update playgrounds to use showConsole prop instead of sho…
averyjohnston Sep 7, 2023
bb90741
docs(input): notes about appropriate uses of counter (#3109)
mapsandapps Sep 8, 2023
af6249f
fix(nav-link): opt-out of vue reactivity for component binding (#3113)
sean-perkins Sep 11, 2023
f411bab
chore(react): update react router links (#3099)
chawes13 Sep 12, 2023
2b9c065
chore: merge feature-7.4 docs
liamdebeasi Sep 14, 2023
be7e132
docs(modal): modifying dismiss behavior in child components (#3117)
sean-perkins Sep 18, 2023
94d3785
chore: update v7 playground dependencies for React and Vue (#3122)
liamdebeasi Sep 18, 2023
add1d2d
chore(ci): renovate configurations for stackblitz templates (#3124)
sean-perkins Sep 19, 2023
c52d58d
fix(deps): update ionic to v6.7.5 (#3125)
renovate[bot] Sep 19, 2023
fdd89d9
chore(deps): update dependency typescript to v4.9.5 (#3126)
renovate[bot] Sep 20, 2023
12df9d2
fix(deps): update react monorepo (#3131)
renovate[bot] Sep 20, 2023
8a2baa8
fix(playground): better handle multiple files for Javascript (#3119)
mapsandapps Sep 20, 2023
644b86e
fix(playground): react stackbiltz template files (#3134)
sean-perkins Sep 20, 2023
6ce472e
fix(deps): update dependency vue to v3.3.4 (#3129)
renovate[bot] Sep 21, 2023
ef74820
fix(deps): update dependency vue-router to v4.2.4 (#3130)
renovate[bot] Sep 21, 2023
f1bc8ec
fix(deps): update dependency clsx to v2 (#3138)
renovate[bot] Sep 21, 2023
597d70f
chore(deps): update dependency vue-tsc to v1 (#3136)
renovate[bot] Sep 21, 2023
e047652
chore(deps): update dependency vite to v4 (#3135)
renovate[bot] Sep 21, 2023
6f37d49
chore(): update node to v19 (#3139)
mapsandapps Sep 21, 2023
846bf99
fix(deps): update dependency @types/node to v18 (#3137)
renovate[bot] Sep 21, 2023
bdff643
docs(item): add best practices and usage guides (#3123)
liamdebeasi Sep 22, 2023
694dff0
chore: rename dont props to doNot (#3144)
liamdebeasi Sep 22, 2023
1b2404b
chore: rename dont files to do-not (#3145)
liamdebeasi Sep 22, 2023
2256722
fix(deps): update ionic to v7.4.1 (#3146)
renovate[bot] Sep 25, 2023
60dccd9
chore(): add cspell and fix spelling errors in docs (#3069)
brandyscarney Sep 25, 2023
cfe152f
docs(select): reorder examples, add alert playground (#3153)
sean-perkins Sep 27, 2023
f292b83
fix(deps): update dependency @types/node to v18.17.19 (#3154)
renovate[bot] Sep 27, 2023
1175e76
fix(deps): update ionic to v7.4.2 (#3161)
renovate[bot] Oct 2, 2023
7ca45e9
fix(deps): update dependency @types/node to v18.18.0 (#3160)
renovate[bot] Oct 2, 2023
a2be927
chore(support): update support table (#3164)
mapsandapps Oct 4, 2023
2785e52
fix(deps): update dependency @types/node to v18.18.1 (#3163)
renovate[bot] Oct 4, 2023
9187065
docs: add docs for dynamic font scaling (#3111)
liamdebeasi Sep 11, 2023
9271827
docs(angular): add standalone documentation (#3115)
liamdebeasi Sep 19, 2023
0feb5f2
docs(dynamic-font): fix font family name (#3149)
averyjohnston Sep 25, 2023
38486e5
docs: add modules architecture usage (#3151)
liamdebeasi Sep 26, 2023
91c0b93
docs(angular): add angular standalone syntax to non-playground exampl…
liamdebeasi Sep 26, 2023
6f194e7
fix(angular): standalone guide formatting (#3152)
sean-perkins Sep 27, 2023
ffb5380
docs(angular): include add diff sign (#3157)
thetaPC Sep 28, 2023
a26ba83
docs(toast): add playground for positionAnchor (#3158)
averyjohnston Oct 4, 2023
85c3921
chore: resolve cspell errors (#3165)
sean-perkins Oct 4, 2023
60e1778
docs(select): keyboard navigation (#3156)
sean-perkins Oct 5, 2023
6eea516
chore(deps): update dependency vue-tsc to v1.8.14 (#3159)
renovate[bot] Oct 5, 2023
45528f6
fix(deps): update dependency web-vitals to v3 (#3142)
renovate[bot] Oct 5, 2023
d3f43b0
chore: team is requested for review for renovatebot prs (#3168)
liamdebeasi Oct 5, 2023
cfbe8ba
Merge branch 'main' of github.com:ionic-team/ionic-docs
rdlabo Oct 6, 2023
2f5fc80
fix typo
rdlabo Oct 6, 2023
7b19aff
chore
rdlabo Oct 6, 2023
645ddb7
chore
rdlabo Oct 6, 2023
7746e0a
fix(deps): update dependency vue-router to v4.2.5 (#3147)
renovate[bot] Oct 6, 2023
397f526
fix(deps): update dependency @types/react to v18.2.22 (#3141)
renovate[bot] Oct 6, 2023
de551df
chore(deps): update dependency vue-tsc to v1.8.15 (#3170)
renovate[bot] Oct 9, 2023
014bb88
fix(deps): update dependency @types/node to v18.18.3 (#3171)
renovate[bot] Oct 9, 2023
8f9e0be
chore(deps): update dependency @vitejs/plugin-vue to v4.4.0 (#3172)
renovate[bot] Oct 9, 2023
aa20560
fix(deps): update ionic to v7.4.3 (#3178)
renovate[bot] Oct 9, 2023
a019fea
fix(deps): update react monorepo (#3179)
renovate[bot] Oct 9, 2023
d80acbd
fix(deps): update dependency web-vitals to v3.5.0 (#3173)
renovate[bot] Oct 9, 2023
42b1c29
chore: team is requested for review for renovatebot lockfile prs (#3180)
mapsandapps Oct 9, 2023
f3fae69
chore(deps): update dependency vite to v4.4.11 (#3177)
renovate[bot] Oct 9, 2023
6fba80d
feat(playground): persist framework and mode selection (#3169)
averyjohnston Oct 9, 2023
6c5c0be
fix(deps): update dependency @types/node to v18.18.4 (#3182)
renovate[bot] Oct 10, 2023
9914d65
chore(deps): update dependency vue-tsc to v1.8.16 (#3181)
renovate[bot] Oct 10, 2023
3e4a34c
fix(playground): wait until playground is in view before loading stor…
averyjohnston Oct 10, 2023
1e392de
docs(menu): clarify multiple side menu behavior (#3186)
liamdebeasi Oct 11, 2023
5996a81
chore: release ionic 7.5 docs
liamdebeasi Oct 11, 2023
e1fa8cb
docs(angular): document standalone routing usage (#3167)
liamdebeasi Oct 11, 2023
beacdbd
docs(many): remove legacy form control syntax from v7 playgrounds (#3…
averyjohnston Oct 12, 2023
ca7ce53
docs(angular): add a section to standalone migration for migrating co…
brandyscarney Oct 12, 2023
c6b74a4
chore(deps): update dependency vue-tsc to v1.8.18 (#3188)
renovate[bot] Oct 12, 2023
9b2db92
fix(jp): re-add files for removed playgrounds (#3189)
averyjohnston Oct 12, 2023
43beb07
Merge branch 'main' of github.com:ionic-team/ionic-docs
rdlabo Oct 13, 2023
c7f3480
Merge branch 'translation/jp'
rdlabo Oct 13, 2023
7c4406e
chore: remove unused file
rdlabo Oct 13, 2023
3faa67b
fix(): fix cspell check
rdlabo Oct 13, 2023
9a9e01d
translate
rdlabo Oct 13, 2023
ec5b6b5
chore
rdlabo Oct 13, 2023
5d1c392
chore: run lint
rdlabo Oct 13, 2023
e517a99
feat(keyboard): replace Codepens with playgrounds using modern syntax…
averyjohnston Oct 13, 2023
3f35345
fix(deps): update dependency @types/react-dom to v18.2.11 (#3183)
renovate[bot] Oct 13, 2023
3d0cc32
chore: update codeowners (#3187)
mapsandapps Oct 13, 2023
0cbd440
fix(deps): update ionic to v7.5.0 (#3197)
renovate[bot] Oct 16, 2023
0523420
fix(deps): update react monorepo (#3196)
renovate[bot] Oct 16, 2023
516a79a
fix(deps): update dependency @types/node to v18.18.5 (#3195)
renovate[bot] Oct 16, 2023
8687974
chore(deps): update dependency vue-tsc to v1.8.19 (#3194)
renovate[bot] Oct 16, 2023
0d281f6
docs: clarify IonicSafeString usage (#3198)
liamdebeasi Oct 17, 2023
5da68c2
docs(input, textarea): fix specificity issues with theming playground…
liamdebeasi Oct 17, 2023
f3d1848
fix(backdrop): make backdrop visible in basic playground (#3200)
averyjohnston Oct 17, 2023
49bdd97
chore(deps): update dependency vite to v4.5.0 (#3206)
renovate[bot] Oct 23, 2023
afb6d66
docs(react): writing tests with testing-library (#2861)
sean-perkins Oct 23, 2023
b847e99
fix(deps): update dependency vue to v3.3.5 (#3204)
renovate[bot] Oct 23, 2023
a6ec0f3
fix(deps): update dependency @types/node to v18.18.6 (#3202)
renovate[bot] Oct 23, 2023
d5618dd
fix(deps): update react monorepo (#3205)
renovate[bot] Oct 23, 2023
b263d14
fix(deps): update ionic to v7.5.1 (#3203)
renovate[bot] Oct 23, 2023
d066d0f
fix(fab): remove unused component from playground (#3207)
mapsandapps Oct 23, 2023
8d76dd2
fix(deps): update dependency @types/react to v18.2.31 (#3209)
renovate[bot] Oct 24, 2023
ceafc79
chore(deps): update dependency @types/node to v20 (#3211)
renovate[bot] Oct 24, 2023
a9f9251
chore(deps): update dependency vue-tsc to v1.8.20 (#3212)
renovate[bot] Oct 27, 2023
0180170
Merge branch 'main' of github.com:ionic-team/ionic-docs
rdlabo Oct 30, 2023
4b51c53
feat(api): get current readme
rdlabo Oct 30, 2023
76a2ed8
translate
rdlabo Oct 30, 2023
490b3a8
Merge branch 'translation/jp' into translation/jp-20231030
rdlabo Oct 30, 2023
38c9474
fix(lint): ignore src/translate
rdlabo Oct 30, 2023
2edef6c
Merge branch 'main' into translation/jp-20231030
rdlabo Oct 30, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
3 changes: 0 additions & 3 deletions .github/CODEOWNERS
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,6 @@
# This should make it easy to add new rules without breaking existing ones.

/_templates/ @mapsandapps
/docs/api/ @mapsandapps
/src/ @mapsandapps
/static/usage/ @mapsandapps

/static/code/stackblitz/**/*/package.json @ionic-team/framework
/static/code/stackblitz/**/*/package-lock.json @ionic-team/framework
1 change: 1 addition & 0 deletions .prettierignore
Original file line number Diff line number Diff line change
Expand Up @@ -13,3 +13,4 @@ static/code/stackblitz
.github
build
node_modules
src/translate
2 changes: 1 addition & 1 deletion docs/api/backdrop.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ Backdropは、他のコンポーネントをオーバーレイするためフル

## 基本的な使い方

バックドロップは、デフォルトで透明です。バックドロップは、その背後にあるコンテンツのクリックやタップを防ぐことができます
Backdropは、その後ろのコンテンツをクリックしたりタップしたりするのを防ぎます。デフォルトでは透明なので、下のデモではCSSで見えるようにしています

import Basic from '@site/static/usage/v7/backdrop/basic/index.md';

Expand Down
125 changes: 4 additions & 121 deletions docs/developing/keyboard.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: Keyboard
---

import Codepen from '@components/global/Codepen';
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

Expand All @@ -29,77 +28,9 @@ import TabItem from '@theme/TabItem';

### Usage

````mdx-code-block
<Tabs
defaultValue="javascript"
groupId="framework"
values={[
{ value: 'javascript', label: 'JavaScript' },
{ value: 'angular', label: 'Angular' },
{ value: 'react', label: 'React' },
{ value: 'vue', label: 'Vue' },
]
}>
<TabItem value="javascript">

```html
<ion-item>
<ion-label>Username or Email</ion-label>
<ion-input inputmode="email"></ion-input>
</ion-item>

<ion-item>
<ion-label>Enter a number</ion-label>
<ion-textarea inputmode="numeric"></ion-textarea>
</ion-item>
```
</TabItem>
<TabItem value="angular">

```html
<ion-item>
<ion-label>Username or Email</ion-label>
<ion-input inputmode="email"></ion-input>
</ion-item>

<ion-item>
<ion-label>Enter a number</ion-label>
<ion-textarea inputmode="numeric"></ion-textarea>
</ion-item>
```
</TabItem>
<TabItem value="react">

```html
<IonItem>
<IonLabel>Username or Email</IonLabel>
<IonInput inputmode="email"></IonInput>
</IonItem>

<IonItem>
<IonLabel>Enter a number</IonLabel>
<IonTextarea inputmode="numeric"></IonTextarea>
</IonItem>
```
</TabItem>
<TabItem value="vue">

```html
<ion-item>
<ion-label>Username or Email</ion-label>
<ion-input inputmode="email"></ion-input>
</ion-item>

<ion-item>
<ion-label>Enter a number</ion-label>
<ion-textarea inputmode="numeric"></ion-textarea>
</ion-item>
```
</TabItem>
</Tabs>
````
import Inputmode from '@site/static/usage/v7/keyboard/inputmode/index.md';

<Codepen user="ionic" slug="abvJVVv" height="400" />
<Inputmode />

:::note
`inputmode` 属性は Chrome 66+ と iOS Safari 12.2+のデバイスでサポートされています: https://caniuse.com/#search=inputmode
Expand All @@ -115,57 +46,9 @@ import TabItem from '@theme/TabItem';

### Usage

````mdx-code-block
<Tabs
groupId="framework"
defaultValue="javascript"
values={[
{ value: 'javascript', label: 'JavaScript' },
{ value: 'angular', label: 'Angular' },
{ value: 'react', label: 'React' },
{ value: 'vue', label: 'Vue' },
]
}>
<TabItem value="javascript">

```html
<ion-item>
<ion-label>Enter search query</ion-label>
<ion-input enterkeyhint="search" type="search"></ion-input>
</ion-item>
```
</TabItem>
<TabItem value="angular">

```html
<ion-item>
<ion-label>Enter search query</ion-label>
<ion-input enterkeyhint="search" type="search"></ion-input>
</ion-item>
```
</TabItem>
<TabItem value="react">

```html
<IonItem>
<IonLabel>Enter search query</IonLabel>
<IonInput enterkeyhint="search" type="search"></IonInput>
</IonItem>
```
</TabItem>
<TabItem value="vue">

```html
<ion-item>
<ion-label>Enter search query</ion-label>
<ion-input enterkeyhint="search" type="search"></ion-input>
</ion-item>
```
</TabItem>
</Tabs>
````
import Enterkeyhint from '@site/static/usage/v7/keyboard/enterkeyhint/index.md';

<Codepen user="ionic" slug="GRpWyRB" height="350" />
<Enterkeyhint />

:::note
`enterkeyhint` 属性は Chrome 77+ and iOS Safari 13.4+ のデバイスでサポートされています
Expand Down
21 changes: 21 additions & 0 deletions docs/react/testing/introduction.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
---
sidebar_label: Introduction
title: Ionic React Testing Introduction
description: Learn how to test an Ionic React application. This document provides an overview of how to test an application built with @ionic/react.
---

# Testing Ionic React

This document provides an overview of how to test an application built with `@ionic/react`. It covers the basics of testing with React, as well as the specific tools and libraries developers can use to test their applications.

## Introduction

Testing is an important part of the development process, and it helps to ensure that an application is working as intended. In `@ionic/react`, testing is done using a combination of tools and libraries, including Jest, React Testing Library, Playwright or Cypress.

## Types of Tests

There are two types of tests that can be written:

**Unit Tests**: Unit tests are used to test individual functions and components in isolation. [Jest](https://jestjs.io) and [React Testing Library](https://testing-library.com) are commonly used for unit testing.

**Integration Tests**: Integration tests are used to test how different components work together. [Cypress](https://www.cypress.io) or [Playwright](https://playwright.dev) are commonly used for integration testing.
51 changes: 51 additions & 0 deletions docs/react/testing/unit-testing/best-practices.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
---
sidebar_label: Best Practices
---

# Best Practices

## IonApp is required for test templates

In your test template when rendering with React Testing Library, you must wrap your component with an `IonApp` component. This is required for the component to be rendered correctly.

```tsx title="Example.test.tsx"
import { IonApp } from '@ionic/react';
import { render } from "@testing-library/react";

import Example from './Example';

test('example', () => {
render(
<IonApp>
<Example />
</IonApp>
);
...
});
```

## Use `user-event` for user interactions

React Testing Library recommends using the `user-event` library for simulating user interactions. This library provides a more realistic simulation of user interactions than the `fireEvent` function provided by React Testing Library.

```tsx title="Example.test.tsx"
import { IonApp } from '@ionic/react';
import { render } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

import Example from './Example';

test('example', async () => {
const user = userEvent.setup();

render(
<IonApp>
<Example />
</IonApp>
);

await user.click(screen.getByRole('button', { name: /click me!/i }));
});
```

For more information on `user-event`, see the [user-event documentation](https://testing-library.com/docs/user-event/intro/).
112 changes: 112 additions & 0 deletions docs/react/testing/unit-testing/examples.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
---
sidebar_label: Examples
title: Ionic React Testing Examples
description: Learn how to test an Ionic React application. This document provides examples of how to test different types of components.
---

# Examples

## Testing a modal presented from a trigger

This example shows how to test a modal that is presented from a trigger. The modal is presented when the user clicks a button.

### Example component

```tsx title="src/Example.tsx"
import { IonButton, IonModal } from '@ionic/react';

export default function Example() {
return (
<>
<IonButton id="open-modal">Open</IonButton>
<IonModal trigger="open-modal">Modal content</IonModal>
</>
);
}
```

### Testing the modal

```tsx title="src/Example.test.tsx"
import { IonApp } from '@ionic/react';
import { fireEvent, render, screen, waitFor } from '@testing-library/react';

import Example from './Example';

test('button presents a modal when clicked', async () => {
render(
<IonApp>
<Example />
</IonApp>
);
// Simulate a click on the button
fireEvent.click(screen.getByText('Open'));
// Wait for the modal to be presented
await waitFor(() => {
// Assert that the modal is present
expect(screen.getByText('Modal content')).toBeInTheDocument();
});
});
```

## Testing a modal presented from useIonModal

This example shows how to test a modal that is presented using the `useIonModal` hook. The modal is presented when the user clicks a button.

### Example component

```tsx title="src/Example.tsx"
import { IonContent, useIonModal, IonHeader, IonToolbar, IonTitle, IonButton, IonPage } from '@ionic/react';

const ModalContent: React.FC = () => {
return (
<IonContent>
<div>Modal Content</div>
</IonContent>
);
};

const Example: React.FC = () => {
const [present] = useIonModal(ModalContent);
return (
<IonPage>
<IonHeader>
<IonToolbar>
<IonTitle>Blank</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent fullscreen={true}>
<IonButton expand="block" className="ion-margin" onClick={() => present()}>
Open
</IonButton>
</IonContent>
</IonPage>
);
};

export default Example;
```

### Testing the modal

```tsx title="src/Example.test.tsx"
import { IonApp } from '@ionic/react';
import { fireEvent, render, screen, waitFor } from '@testing-library/react';

import Example from './Example';

test('should present ModalContent when button is clicked', async () => {
render(
<IonApp>
<Example />
</IonApp>
);
// Simulate a click on the button
fireEvent.click(screen.getByText('Open'));
// Wait for the modal to be presented
await waitFor(() => {
// Assert that the modal is present
expect(screen.getByText('Modal Content')).toBeInTheDocument();
});
});
```
40 changes: 40 additions & 0 deletions docs/react/testing/unit-testing/setup.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
---
sidebar_label: Setup
title: Ionic React Unit Testing Setup
description: Learn how to set up unit tests for an Ionic React application.
---

# Unit Testing Setup

Ionic requires a few additional steps to set up unit tests. If you are using an Ionic starter project, these steps have already been completed for you.

### Install React Testing Library

React Testing Library is a set of utilities that make it easier to test React components. It's used to interact with components and test their behavior.

```bash
npm install --save-dev @testing-library/react @testing-library/jest-dom @testing-library/user-event
```

### Initialize Ionic React

Ionic React requires the `setupIonicReact` function to be called before any tests are run. Failing to do so will result in mode-based classes and platform behaviors not being applied to your components.

In `src/setupTest.ts`, add the following code:

```diff
import '@testing-library/jest-dom/extend-expect';

+ import { setupIonicReact } from '@ionic/react';

+ setupIonicReact();

// Mock matchmedia
window.matchMedia = window.matchMedia || function () {
return {
matches: false,
addListener: function () { },
removeListener: function () { }
};
};
```
Loading