Merge branch 'master' into docs/base-select-tailwind-plain-css-demo

mui · Jun 30, 2023 · 5c287c0 · 5c287c0
2 parents 475672b + e6f223a
commit 5c287c0
Show file tree

Hide file tree

Showing 364 changed files with 1,359 additions and 1,779 deletions.
diff --git a/dangerfile.ts b/dangerfile.ts
@@ -150,7 +150,9 @@ async function reportBundleSize() {
 
   const comparison = await loadLastComparison(upstreamRef);
 
-  const detailedComparisonRoute = `/size-comparison?circleCIBuildNumber=${circleCIBuildNumber}&baseRef=${danger.github.pr.base.ref}&baseCommit=${comparison.previous}&prNumber=${danger.github.pr.number}`;
+  const detailedComparisonQuery = `circleCIBuildNumber=${circleCIBuildNumber}&baseRef=${danger.github.pr.base.ref}&baseCommit=${comparison.previous}&prNumber=${danger.github.pr.number}`;
+  const detailedComparisonToolpadUrl = `https://tools-public.onrender.com/prod/pages/h71gdad?${detailedComparisonQuery}`;
+  const detailedComparisonRoute = `/size-comparison?${detailedComparisonQuery}`;
   const detailedComparisonUrl = `https://mui-dashboard.netlify.app${detailedComparisonRoute}`;
 
   const { all: allResults, main: mainResults } = sieveResults(Object.entries(comparison.bundles));
@@ -169,12 +171,14 @@ async function reportBundleSize() {
 
     const details = `## Bundle size report
 
+[Details of bundle changes (Toolpad)](${detailedComparisonToolpadUrl})
 [Details of bundle changes](${detailedComparisonUrl})`;
 
     markdown(details);
   } else {
     markdown(`## Bundle size report
 
+[No bundle size changes (Toolpad)](${detailedComparisonToolpadUrl})
 [No bundle size changes](${detailedComparisonUrl})`);
   }
 }

diff --git a/docs/data/base/components/accordion/accordion.md b/docs/data/base/components/accordion/accordion.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Accordion component
 githubLabel: 'component: accordion'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/

diff --git a/docs/data/base/components/autocomplete/autocomplete.md b/docs/data/base/components/autocomplete/autocomplete.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Autocomplete hook
 hooks: useAutocomplete
 githubLabel: 'component: autocomplete'

diff --git a/docs/data/base/components/badge/badge-pt.md b/docs/data/base/components/badge/badge-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Badge component and hook
 components: BadgeUnstyled
 githubLabel: 'component: badge'

diff --git a/docs/data/base/components/badge/badge-zh.md b/docs/data/base/components/badge/badge-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Badge component and hook
 components: BadgeUnstyled
 githubLabel: 'component: badge'

diff --git a/docs/data/base/components/badge/badge.md b/docs/data/base/components/badge/badge.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Badge component and hook
 components: Badge
 hooks: useBadge

diff --git a/docs/data/base/components/button/button-pt.md b/docs/data/base/components/button/button-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Componente e Hook do botão React sem estilo
 components: ButtonUnstyled
 githubLabel: 'component: button'

diff --git a/docs/data/base/components/button/button-zh.md b/docs/data/base/components/button/button-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Button component and hook
 components: ButtonUnstyled
 githubLabel: 'component: button'

diff --git a/docs/data/base/components/button/button.md b/docs/data/base/components/button/button.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Button component and hook
 components: Button
 hooks: useButton

diff --git a/docs/data/base/components/checkbox/checkbox.md b/docs/data/base/components/checkbox/checkbox.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Checkbox component
 githubLabel: 'component: checkbox'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/

diff --git a/docs/data/base/components/click-away-listener/click-away-listener-pt.md b/docs/data/base/components/click-away-listener/click-away-listener-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Detect click outside React component
 components: ClickAwayListener
 githubLabel: 'component: ClickAwayListener'

diff --git a/docs/data/base/components/click-away-listener/click-away-listener-zh.md b/docs/data/base/components/click-away-listener/click-away-listener-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Detect click outside React component
 components: ClickAwayListener
 githubLabel: 'component: ClickAwayListener'

diff --git a/docs/data/base/components/click-away-listener/click-away-listener.md b/docs/data/base/components/click-away-listener/click-away-listener.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Detect click outside React component
 components: ClickAwayListener
 githubLabel: 'component: ClickAwayListener'

diff --git a/docs/data/base/components/focus-trap/focus-trap-pt.md b/docs/data/base/components/focus-trap/focus-trap-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Focus Trap component
 components: FocusTrap
 githubLabel: 'component: FocusTrap'

diff --git a/docs/data/base/components/focus-trap/focus-trap-zh.md b/docs/data/base/components/focus-trap/focus-trap-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Focus Trap component
 components: FocusTrap
 githubLabel: 'component: FocusTrap'

diff --git a/docs/data/base/components/focus-trap/focus-trap.md b/docs/data/base/components/focus-trap/focus-trap.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Focus Trap component
 components: FocusTrap
 githubLabel: 'component: FocusTrap'

diff --git a/docs/data/base/components/form-control/form-control-pt.md b/docs/data/base/components/form-control/form-control-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Form Control component and hook
 components: FormControlUnstyled
 githubLabel: 'component: FormControl'

diff --git a/docs/data/base/components/form-control/form-control-zh.md b/docs/data/base/components/form-control/form-control-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Form Control component and hook
 components: FormControlUnstyled
 githubLabel: 'component: FormControl'

diff --git a/docs/data/base/components/form-control/form-control.md b/docs/data/base/components/form-control/form-control.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Form Control component and hook
 components: FormControl
 hooks: useFormControlContext

diff --git a/docs/data/base/components/input/input-pt.md b/docs/data/base/components/input/input-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Input component and hook
 components: InputUnstyled
 githubLabel: 'component: input'

diff --git a/docs/data/base/components/input/input-zh.md b/docs/data/base/components/input/input-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Input component and hook
 components: InputUnstyled
 githubLabel: 'component: input'

diff --git a/docs/data/base/components/input/input.md b/docs/data/base/components/input/input.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Input component and hook
 components: Input
 hooks: useInput

diff --git a/docs/data/base/components/menu/menu-pt.md b/docs/data/base/components/menu/menu-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Menu components and hooks
 components: MenuUnstyled, MenuItemUnstyled
 githubLabel: 'component: menu'

diff --git a/docs/data/base/components/menu/menu-zh.md b/docs/data/base/components/menu/menu-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Menu components and hooks
 components: MenuUnstyled, MenuItemUnstyled
 githubLabel: 'component: menu'

diff --git a/docs/data/base/components/menu/menu.md b/docs/data/base/components/menu/menu.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Menu components and hooks
 components: Menu, MenuItem
 hooks: useMenu, useMenuItem

diff --git a/docs/data/base/components/modal/modal-pt.md b/docs/data/base/components/modal/modal-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Modal component
 components: ModalUnstyled
 githubLabel: 'component: modal'

diff --git a/docs/data/base/components/modal/modal-zh.md b/docs/data/base/components/modal/modal-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Modal component
 components: ModalUnstyled
 githubLabel: 'component: modal'

diff --git a/docs/data/base/components/modal/modal.md b/docs/data/base/components/modal/modal.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Modal component
 components: Modal
 githubLabel: 'component: modal'

diff --git a/docs/data/base/components/no-ssr/no-ssr-pt.md b/docs/data/base/components/no-ssr/no-ssr-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: No SSR React component
 components: NoSsr
 ---

diff --git a/docs/data/base/components/no-ssr/no-ssr-zh.md b/docs/data/base/components/no-ssr/no-ssr-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: No SSR React component
 components: NoSsr
 ---

diff --git a/docs/data/base/components/no-ssr/no-ssr.md b/docs/data/base/components/no-ssr/no-ssr.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: No SSR React component
 components: NoSsr
 ---

diff --git a/docs/data/base/components/popper/popper-pt.md b/docs/data/base/components/popper/popper-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Popper component
 components: PopperUnstyled
 githubLabel: 'component: Popper'

diff --git a/docs/data/base/components/popper/popper-zh.md b/docs/data/base/components/popper/popper-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Popper component
 components: PopperUnstyled
 githubLabel: 'component: Popper'

diff --git a/docs/data/base/components/popper/popper.md b/docs/data/base/components/popper/popper.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Popper component
 components: Popper
 githubLabel: 'component: Popper'

diff --git a/docs/data/base/components/portal/portal-pt.md b/docs/data/base/components/portal/portal-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Portal component
 components: Portal
 githubLabel: 'component: Portal'

diff --git a/docs/data/base/components/portal/portal-zh.md b/docs/data/base/components/portal/portal-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Portal component
 components: Portal
 githubLabel: 'component: Portal'

diff --git a/docs/data/base/components/portal/portal.md b/docs/data/base/components/portal/portal.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Portal component
 components: Portal
 githubLabel: 'component: Portal'

diff --git a/docs/data/base/components/radio-button/radio-button.md b/docs/data/base/components/radio-button/radio-button.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Radio Button component
 githubLabel: 'component: radio'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radio/

diff --git a/docs/data/base/components/select/select-pt.md b/docs/data/base/components/select/select-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Select components and hook
 components: SelectUnstyled, MultiSelectUnstyled, OptionUnstyled, OptionGroupUnstyled
 githubLabel: 'component: select'

diff --git a/docs/data/base/components/select/select-zh.md b/docs/data/base/components/select/select-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Select components and hook
 components: SelectUnstyled, MultiSelectUnstyled, OptionUnstyled, OptionGroupUnstyled
 githubLabel: 'component: select'

diff --git a/docs/data/base/components/select/select.md b/docs/data/base/components/select/select.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Select components and hook
 components: Select, Option, OptionGroup
 hooks: useSelect, useOption
@@ -132,6 +132,15 @@ The following code snippet applies a CSS class called `my-listbox` to the listbo
 <Select slotProps={{ listbox: { className: 'my-listbox' } }} />
 ```
 
+### Portals
+
+By default, the Select's popup is rendered in a [Portal](https://mui.com/base-ui/react-portal/) and appended to the bottom of the DOM.
+To instead render the popup where the component is defined, override the `disablePortal` prop of the underlying Popper, as shown below:
+
+```jsx
+<Select slotProps={{ popper: { disablePortal: true } }} />
+```
+
 #### Usage with TypeScript
 
 In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. This way, you can safely provide the custom root's props directly on the component:

diff --git a/docs/data/base/components/slider/slider-pt.md b/docs/data/base/components/slider/slider-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Slider component and hook
 components: SliderUnstyled
 githubLabel: 'component: slider'

diff --git a/docs/data/base/components/slider/slider-zh.md b/docs/data/base/components/slider/slider-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Slider component and hook
 components: SliderUnstyled
 githubLabel: 'component: slider'

diff --git a/docs/data/base/components/slider/slider.md b/docs/data/base/components/slider/slider.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Slider component and hook
 components: Slider
 hooks: useSlider

diff --git a/docs/data/base/components/snackbar/snackbar-pt.md b/docs/data/base/components/snackbar/snackbar-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Snackbar component and hook
 components: SnackbarUnstyled
 githubLabel: 'component: snackbar'

diff --git a/docs/data/base/components/snackbar/snackbar-zh.md b/docs/data/base/components/snackbar/snackbar-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Snackbar component and hook
 components: SnackbarUnstyled
 githubLabel: 'component: snackbar'

diff --git a/docs/data/base/components/snackbar/snackbar.md b/docs/data/base/components/snackbar/snackbar.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Snackbar component and hook
 components: Snackbar
 hooks: useSnackbar

diff --git a/docs/data/base/components/switch/switch-pt.md b/docs/data/base/components/switch/switch-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Switch component and hook
 components: SwitchUnstyled
 githubLabel: 'component: switch'

diff --git a/docs/data/base/components/switch/switch-zh.md b/docs/data/base/components/switch/switch-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Switch component and hook
 components: SwitchUnstyled
 githubLabel: 'component: switch'

diff --git a/docs/data/base/components/switch/switch.md b/docs/data/base/components/switch/switch.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: React Switch component and hook
 components: Switch
 hooks: useSwitch

diff --git a/docs/data/base/components/table-pagination/table-pagination-pt.md b/docs/data/base/components/table-pagination/table-pagination-pt.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Table Pagination component
 components: TablePaginationUnstyled
 githubLabel: 'component: TablePagination'

diff --git a/docs/data/base/components/table-pagination/table-pagination-zh.md b/docs/data/base/components/table-pagination/table-pagination-zh.md
@@ -1,5 +1,5 @@
 ---
-product: base-ui
+productId: base-ui
 title: Unstyled React Table Pagination component
 components: TablePaginationUnstyled
 githubLabel: 'component: TablePagination'