d07276df15
[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@mui/icons-material](https://mui.com/material-ui/material-icons/) ([source](https://togithub.com/mui/material-ui)) | [`5.10.15` -> `5.11.0`](https://renovatebot.com/diffs/npm/@mui%2ficons-material/5.10.15/5.11.0) | [![age](https://badges.renovateapi.com/packages/npm/@mui%2ficons-material/5.11.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/@mui%2ficons-material/5.11.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/@mui%2ficons-material/5.11.0/compatibility-slim/5.10.15)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/@mui%2ficons-material/5.11.0/confidence-slim/5.10.15)](https://docs.renovatebot.com/merge-confidence/) | | [@mui/lab](https://mui.com/material-ui/about-the-lab/) ([source](https://togithub.com/mui/material-ui)) | [`5.0.0-alpha.109` -> `5.0.0-alpha.119`](https://renovatebot.com/diffs/npm/@mui%2flab/5.0.0-alpha.109/5.0.0-alpha.119) | [![age](https://badges.renovateapi.com/packages/npm/@mui%2flab/5.0.0-alpha.119/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/@mui%2flab/5.0.0-alpha.119/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/@mui%2flab/5.0.0-alpha.119/compatibility-slim/5.0.0-alpha.109)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/@mui%2flab/5.0.0-alpha.119/confidence-slim/5.0.0-alpha.109)](https://docs.renovatebot.com/merge-confidence/) | | [@mui/material](https://mui.com/material-ui/getting-started/overview/) ([source](https://togithub.com/mui/material-ui)) | [`5.10.15` -> `5.11.8`](https://renovatebot.com/diffs/npm/@mui%2fmaterial/5.10.15/5.11.8) | [![age](https://badges.renovateapi.com/packages/npm/@mui%2fmaterial/5.11.8/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/@mui%2fmaterial/5.11.8/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/@mui%2fmaterial/5.11.8/compatibility-slim/5.10.15)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/@mui%2fmaterial/5.11.8/confidence-slim/5.10.15)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>mui/material-ui (@​mui/icons-material)</summary> ### [`v5.11.0`](https://togithub.com/mui/material-ui/blob/HEAD/CHANGELOG.md#​5110) [Compare Source](https://togithub.com/mui/material-ui/compare/v5.10.16...v5.11.0) <!-- generated comparing v5.10.17..master --> *Dec 13, 2022* A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨: - 🔥 [@​mnajdova](https://togithub.com/mnajdova) enabled configuration of the `sx` prop in the `theme` ([#​35150](https://togithub.com/mui/material-ui/issues/35150)) - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements. ##### `@mui/material@5.11.0` - \[Alert] Update icon color in all variants ([#​35414](https://togithub.com/mui/material-ui/issues/35414)) [@​danilo-leal](https://togithub.com/danilo-leal) - \[Select] Fix `MenuProps.PopoverClasses` being overriden ([#​35394](https://togithub.com/mui/material-ui/issues/35394)) [@​vitorfrs-dev](https://togithub.com/vitorfrs-dev) - \[SwipeableDrawer] Fixed typescript warning "prop open undefined" ([#​34710](https://togithub.com/mui/material-ui/issues/34710)) [@​kraftware](https://togithub.com/kraftware) ##### `@mui/icons-material@5.11.0` - \[icons] Restore the PhoneInTalk icons ([#​35409](https://togithub.com/mui/material-ui/issues/35409)) [@​michaldudak](https://togithub.com/michaldudak) ##### `@mui/system@5.11.0` ##### BREAKING CHANGES - \[system] Enable configuring the `sx` prop in the `theme` ([#​35150](https://togithub.com/mui/material-ui/issues/35150)) [@​mnajdova](https://togithub.com/mnajdova) The breaking change is regarding an experimental API: ```diff -import { styled, experimental_sx } from '@​mui/material/styles'; +import { styled } from '@​mui/material/styles'; -const Component = styled('div)(experimental_sx({ p: 1 }}); +const Component = styled('div)(({ theme }) => theme.unstable_sx({ p: 1 }}); ``` ##### `@mui/joy@5.0.0-alpha.58` - \[Joy] Miscellaneous fixes ([#​35447](https://togithub.com/mui/material-ui/issues/35447)) [@​siriwatknp](https://togithub.com/siriwatknp) ##### `@mui/base@5.0.0-alpha.110` - \[PopperUnstyled] Update PopperTooltip to have correct width when closing with transition ([#​34714](https://togithub.com/mui/material-ui/issues/34714)) [@​EduardoSCosta](https://togithub.com/EduardoSCosta) ##### `@mui/material-next@6.0.0-alpha.66` - \[Material You] Add ripple on the button ([#​35299](https://togithub.com/mui/material-ui/issues/35299)) [@​mnajdova](https://togithub.com/mnajdova) ##### Docs - \[docs] Simplify state management in Text Field demo page ([#​35051](https://togithub.com/mui/material-ui/issues/35051)) [@​PratikDev](https://togithub.com/PratikDev) - \[docs] Improve `Responsive App bar with Drawer` demo ([#​35418](https://togithub.com/mui/material-ui/issues/35418)) [@​ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) - \[docs] Improve line-height readability ([#​35387](https://togithub.com/mui/material-ui/issues/35387)) [@​oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Improve a bit the Composition docs ([#​35329](https://togithub.com/mui/material-ui/issues/35329)) [@​oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Refactor `ToggleButtonSizes` demo ([#​35375](https://togithub.com/mui/material-ui/issues/35375)) [@​Armanio](https://togithub.com/Armanio) - \[docs] Standardize the usage of callouts in the MUI Core docs ([#​35361](https://togithub.com/mui/material-ui/issues/35361)) [@​samuelsycamore](https://togithub.com/samuelsycamore) - \[docs] Format feedback to add a link to the commented section ([#​35381](https://togithub.com/mui/material-ui/issues/35381)) [@​alexfauquette](https://togithub.com/alexfauquette) - \[docs] Direct users from Material UI to MUI Base for duplicated components ([#​35293](https://togithub.com/mui/material-ui/issues/35293)) [@​samuelsycamore](https://togithub.com/samuelsycamore) - \[docs] Fix typo in FormControl API docs ([#​35449](https://togithub.com/mui/material-ui/issues/35449)) [@​Spanishiwa](https://togithub.com/Spanishiwa) - \[docs] Update callouts design ([#​35390](https://togithub.com/mui/material-ui/issues/35390)) [@​danilo-leal](https://togithub.com/danilo-leal) - \[website] New wave of open roles ([#​35240](https://togithub.com/mui/material-ui/issues/35240)) [@​mnajdova](https://togithub.com/mnajdova) - \[website] Developer survey 2022 ([#​35407](https://togithub.com/mui/material-ui/issues/35407)) [@​joserodolfofreitas](https://togithub.com/joserodolfofreitas) ##### Core - \[core] Fix [@​mui/material](https://togithub.com/mui/material) package building ([#​35324](https://togithub.com/mui/material-ui/issues/35324)) [@​timbset](https://togithub.com/timbset) - \[core] Fix leaking theme color override ([#​35444](https://togithub.com/mui/material-ui/issues/35444)) [@​oliviertassinari](https://togithub.com/oliviertassinari) - \[typescript] Add null to return type of OverridableComponent ([#​35311](https://togithub.com/mui/material-ui/issues/35311)) [@​tsollbach](https://togithub.com/tsollbach) - \[website] Migrate X page to use CSS theme variables ([#​34922](https://togithub.com/mui/material-ui/issues/34922)) [@​jesrodri](https://togithub.com/jesrodri) - \[website] Migrate `/core` page to use CSS variables ([#​35366](https://togithub.com/mui/material-ui/issues/35366)) [@​siriwatknp](https://togithub.com/siriwatknp) All contributors of this release in alphabetical order: [@​alexfauquette](https://togithub.com/alexfauquette), [@​Armanio](https://togithub.com/Armanio), [@​danilo-leal](https://togithub.com/danilo-leal), [@​EduardoSCosta](https://togithub.com/EduardoSCosta), [@​flaviendelangle](https://togithub.com/flaviendelangle), [@​jesrodri](https://togithub.com/jesrodri), [@​joserodolfofreitas](https://togithub.com/joserodolfofreitas), [@​kraftware](https://togithub.com/kraftware), [@​michaldudak](https://togithub.com/michaldudak), [@​mnajdova](https://togithub.com/mnajdova), [@​oliviertassinari](https://togithub.com/oliviertassinari), [@​PratikDev](https://togithub.com/PratikDev), [@​samuelsycamore](https://togithub.com/samuelsycamore), [@​siriwatknp](https://togithub.com/siriwatknp), [@​Spanishiwa](https://togithub.com/Spanishiwa), [@​timbset](https://togithub.com/timbset), [@​tsollbach](https://togithub.com/tsollbach), [@​vitorfrs-dev](https://togithub.com/vitorfrs-dev), [@​ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) ### [`v5.10.16`](https://togithub.com/mui/material-ui/blob/HEAD/CHANGELOG.md#​51016) [Compare Source](https://togithub.com/mui/material-ui/compare/v5.10.15...v5.10.16) <!-- generated comparing v5.10.15..master --> *Nov 28, 2022* A big thanks to the 13 contributors who made this release possible. This release contains various 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements. ##### `@mui/material@5.10.16` - <!-- 21 -->\[Autocomplete] Fix inferred value type when `multiple` prop is `true` ([#​35275](https://togithub.com/mui/material-ui/issues/35275)) [@​fenghan34](https://togithub.com/fenghan34) - <!-- 19 -->\[Chip] Add `skipFocusWhenDisabled` prop to not allow focussing deletable chip if disabled ([#​35065](https://togithub.com/mui/material-ui/issues/35065)) [@​sai6855](https://togithub.com/sai6855) - <!-- 18 -->\[Chip] Remove unnecessary handleKeyDown event handler ([#​35231](https://togithub.com/mui/material-ui/issues/35231)) [@​ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) - <!-- 05 -->\[FormControl] Add missing types in `useFormControl` ([#​35168](https://togithub.com/mui/material-ui/issues/35168)) [@​ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) - <!-- 04 -->\[IconButton] Add missing color classes ([#​33820](https://togithub.com/mui/material-ui/issues/33820)) [@​Zetta56](https://togithub.com/Zetta56) - <!-- 03 -->\[SwipeableDrawer] Make paper ref accessible ([#​35082](https://togithub.com/mui/material-ui/issues/35082)) [@​sai6855](https://togithub.com/sai6855) ##### `@mui/system@5.10.16` - <!-- 02 -->\[system] Remove unnecessary parsed theme ([#​35239](https://togithub.com/mui/material-ui/issues/35239)) [@​siriwatknp](https://togithub.com/siriwatknp) - <!-- 01 -->\[theme] Fix TypeScript type for custom variants in responsive font sizes ([#​35057](https://togithub.com/mui/material-ui/issues/35057)) [@​ZeeshanTamboli](https://togithub.com/ZeeshanTamboli) ##### `@mui/base@5.0.0-alpha.108` - <!-- 20 -->\[Base] Allow useSlotProps to receive undefined elementType ([#​35192](https://togithub.com/mui/material-ui/issues/35192)) [@​leventdeniz](https://togithub.com/leventdeniz) ##### Docs - <!-- 13 -->\[docs] Improve feedback precision ([#​34641](https://togithub.com/mui/material-ui/issues/34641)) [@​alexfauquette](https://togithub.com/alexfauquette) - <!-- 12 -->\[docs] Add Black Friday notification [@​oliviertassinari](https://togithub.com/oliviertassinari) - <!-- 11 -->\[docs] Fix migration feedback ([#​35232](https://togithub.com/mui/material-ui/issues/35232)) [@​alexfauquette](https://togithub.com/alexfauquette) - <!-- 10 -->\[docs] Improve the useSelect demo styling ([#​33883](https://togithub.com/mui/material-ui/issues/33883)) [@​michaldudak](https://togithub.com/michaldudak) - <!-- 09 -->\[docs] Fix layout jump on first mistake ([#​35215](https://togithub.com/mui/material-ui/issues/35215)) [@​oliviertassinari](https://togithub.com/oliviertassinari) - <!-- 08 -->\[docs] Support demos with side effect imports ([#​35177](https://togithub.com/mui/material-ui/issues/35177)) [@​m4theushw](https://togithub.com/m4theushw) - <!-- 07 -->\[examples] Fix Next.js errors ([#​35246](https://togithub.com/mui/material-ui/issues/35246)) [@​oliviertassinari](https://togithub.com/oliviertassinari) - <!-- 06 -->\[examples] Updated Remix examples with the lates changes using React 18 ([#​35092](https://togithub.com/mui/material-ui/issues/35092)) [@​58bits](https://togithub.com/58bits) ##### Core - <!-- 17 -->\[core] Remove unused pattern ([#​35165](https://togithub.com/mui/material-ui/issues/35165)) [@​iamxukai](https://togithub.com/iamxukai) - <!-- 16 -->\[core] Fix Base version in changelog ([#​35224](https://togithub.com/mui/material-ui/issues/35224)) [@​siriwatknp](https://togithub.com/siriwatknp) - <!-- 15 -->\[core] Migrate `describeConformance` to TypeScript ([#​35193](https://togithub.com/mui/material-ui/issues/35193)) [@​flaviendelangle](https://togithub.com/flaviendelangle) - <!-- 14 -->\[core] Skip CI for docs and examples paths ([#​35225](https://togithub.com/mui/material-ui/issues/35225)) [@​siriwatknp](https://togithub.com/siriwatknp) All contributors of this release in alphabetical order: [@​58bits](https://togithub.com/58bits), [@​alexfauquette](https://togithub.com/alexfauquette), [@​fenghan34](https://togithub.com/fenghan34), [@​flaviendelangle](https://togithub.com/flaviendelangle), [@​iamxukai](https://togithub.com/iamxukai), [@​leventdeniz](https://togithub.com/leventdeniz), [@​m4theushw](https://togithub.com/m4theushw), [@​michaldudak](https://togithub.com/michaldudak), [@​oliviertassinari](https://togithub.com/oliviertassinari), [@​sai6855](https://togithub.com/sai6855), [@​siriwatknp](https://togithub.com/siriwatknp), [@​ZeeshanTamboli](https://togithub.com/ZeeshanTamboli), [@​Zetta56](https://togithub.com/Zetta56) </details> <details> <summary>mui/material-ui (@​mui/lab)</summary> ### [`v5.0.0-alpha.119`]( |
||
---|---|---|
.. | ||
cypress | ||
public | ||
src | ||
.editorconfig | ||
.gitignore | ||
.nvmrc | ||
.prettierignore | ||
.prettierrc | ||
cypress.json | ||
index.html | ||
index.js | ||
orval.config.js | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tsconfig.node.json | ||
vercel.json | ||
vite.config.ts | ||
yarn.lock |
frontend
This directory contains the Unleash Admin UI frontend app.
Run with a local instance of the unleash-api
First, start the unleash-api backend on port 4242. Then, start the frontend dev server:
cd ~/frontend
yarn install
yarn run start
Run with a sandbox instance of the Unleash API
Alternatively, instead of running unleash-api on localhost, you can use a remote instance:
cd ~/frontend
yarn install
yarn run start:sandbox
Running end-to-end tests
We have a set of Cypress tests that run on the build before a PR can be merged so it's important that you check these yourself before submitting a PR. On the server the tests will run against the deployed Heroku app so this is what you probably want to test against:
yarn run start:sandbox
In a different shell, you can run the tests themselves:
yarn run e2e:heroku
If you need to test against patches against a local server instance, you'll need to run that, and then run the end to end tests using:
yarn run e2e
You may also need to test that a feature works against the enterprise version of unleash. Assuming the Heroku instance is still running, this can be done by:
yarn run start:enterprise
yarn run e2e
Generating the OpenAPI client
The frontend uses an OpenAPI client generated from the backend's OpenAPI spec. Whenever there are changes to the backend API, the client should be regenerated:
./scripts/generate-openapi.sh
This script assumes that you have a running instance of the enterprise backend at http://localhost:4242
.
The new OpenAPI client will be generated from the runtime schema of this instance.
The target URL can be changed by setting the UNLEASH_OPENAPI_URL
env var.
Analyzing bundle size
npx vite-bundle-visualizer
in the root of the frontend directory