Skip to content
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

Update create-react-app version to v5.0.1 #55

Merged
merged 1 commit into from
Aug 20, 2022

Conversation

romanwozniak
Copy link
Contributor

@romanwozniak romanwozniak commented Aug 19, 2022

Context:

This MR updates facebook/create-react-app to the latest (5.0.1) version. This change also brings Webpack 5.64.x onboard (from 4.42.x, used in CRA v3.4.4) and updates many other nested dev dependencies.

Besides this, there are few other minor fixes to address linter warnings.

Copy link
Collaborator

@krithika369 krithika369 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@romanwozniak romanwozniak merged commit 93961d9 into caraml-dev:main Aug 20, 2022
@romanwozniak romanwozniak deleted the update_cra branch August 20, 2022 03:40
pradithya pushed a commit to caraml-dev/merlin that referenced this pull request Sep 21, 2022
<!--  Thanks for sending a pull request!  Here are some tips for you:

1. Run unit tests and ensure that they are passing
2. If your change introduces any API changes, make sure to update the
e2e tests
3. Make sure documentation is updated for your PR!

-->

**What this PR does / why we need it**:
<!-- Explain here the context and why you're making the change. What is
the problem you're trying to solve. --->
## Context
With the update of `mlp-ui` dependencies in
caraml-dev/mlp#54 and
caraml-dev/mlp#55 (in particular the update of
`Node.js` **14 → 16**, `React` **16 → 17**, `@elastic/eui` **32.3.0 →
66.0.0** and `react-scripts` **to 5.0.1**), there is a need to similarly
update Merlin UI, as it uses components from and is dependent on the
`mlp-ui` package.

For the sdk, joblib version also needs to be updated as the new release
resulted in inconsistent versions used by sdk and test cases, thus
breaking CI pipeline.

## Main Modifications
- Replacement of the existing `Empty` component with the new `Page404`
component
- Extensive adoption of the new `EuiPageTemplate` (see
https://elastic.github.io/eui/#/templates/page-template) to manage page
layouts; this replaces the existing usage of `EuiPage`, `EuiPageHeader`,
`EuiPageSection`, etc. components
- Update of the existing colour palette manually specified to align with
those of `v66` of `@elastic/eui` (see
https://eui.elastic.co/#/theming/colors/values)
- 

Screenshots of updated UI below:
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306313-d4b476b0-03bf-4ee9-bf65-d2cbd392fc59.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306394-eb951ea0-91ad-4797-b66b-92250c7862c3.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306489-a366fab9-c12d-4827-80d8-857c5e0e69ca.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306972-34cdd129-1bcc-4afd-9ad6-37e7e7c6fca2.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191307102-89e4bc8e-f66a-4ddf-b55e-6109332e0d0d.png">


**Does this PR introduce a user-facing change?**:
<!--
If no, just write "NONE" in the release-note block below.
If yes, a release note is required. Enter your extended release note in
the block below.
If the PR requires additional action from users switching to the new
release, include the string "action required".

For more information about release notes, see kubernetes' guide here:
http://git.k8s.io/community/contributors/guide/release-notes.md
-->
None

```release-note
Upgrade UI Dependencies Versions: Node 14 -> 16, Elastic UI 32 -> 66, React 16 -> 17
Upgrade joblib version to 1.2.0
```

**Checklist**

- [x] Added unit test, integration, and/or e2e tests
- [x] Tested locally
- [ ] Updated documentation
- [ ] Update Swagger spec if the PR introduce API changes
- [ ] Regenerated Golang and Python client if the PR introduce API
changes
eric-lidong pushed a commit to eric-lidong/merlin that referenced this pull request Nov 7, 2022
<!--  Thanks for sending a pull request!  Here are some tips for you:

1. Run unit tests and ensure that they are passing
2. If your change introduces any API changes, make sure to update the
e2e tests
3. Make sure documentation is updated for your PR!

-->

**What this PR does / why we need it**:
<!-- Explain here the context and why you're making the change. What is
the problem you're trying to solve. --->
## Context
With the update of `mlp-ui` dependencies in
caraml-dev/mlp#54 and
caraml-dev/mlp#55 (in particular the update of
`Node.js` **14 → 16**, `React` **16 → 17**, `@elastic/eui` **32.3.0 →
66.0.0** and `react-scripts` **to 5.0.1**), there is a need to similarly
update Merlin UI, as it uses components from and is dependent on the
`mlp-ui` package.

For the sdk, joblib version also needs to be updated as the new release
resulted in inconsistent versions used by sdk and test cases, thus
breaking CI pipeline.

## Main Modifications
- Replacement of the existing `Empty` component with the new `Page404`
component
- Extensive adoption of the new `EuiPageTemplate` (see
https://elastic.github.io/eui/#/templates/page-template) to manage page
layouts; this replaces the existing usage of `EuiPage`, `EuiPageHeader`,
`EuiPageSection`, etc. components
- Update of the existing colour palette manually specified to align with
those of `v66` of `@elastic/eui` (see
https://eui.elastic.co/#/theming/colors/values)
- 

Screenshots of updated UI below:
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306313-d4b476b0-03bf-4ee9-bf65-d2cbd392fc59.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306394-eb951ea0-91ad-4797-b66b-92250c7862c3.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306489-a366fab9-c12d-4827-80d8-857c5e0e69ca.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191306972-34cdd129-1bcc-4afd-9ad6-37e7e7c6fca2.png">
<img width="1559" alt="image"
src="https://user-images.githubusercontent.com/2015748/191307102-89e4bc8e-f66a-4ddf-b55e-6109332e0d0d.png">


**Does this PR introduce a user-facing change?**:
<!--
If no, just write "NONE" in the release-note block below.
If yes, a release note is required. Enter your extended release note in
the block below.
If the PR requires additional action from users switching to the new
release, include the string "action required".

For more information about release notes, see kubernetes' guide here:
http://git.k8s.io/community/contributors/guide/release-notes.md
-->
None

```release-note
Upgrade UI Dependencies Versions: Node 14 -> 16, Elastic UI 32 -> 66, React 16 -> 17
Upgrade joblib version to 1.2.0
```

**Checklist**

- [x] Added unit test, integration, and/or e2e tests
- [x] Tested locally
- [ ] Updated documentation
- [ ] Update Swagger spec if the PR introduce API changes
- [ ] Regenerated Golang and Python client if the PR introduce API
changes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants