Skip to content

[App Search] Convert Schema pages to new page template#102846

Merged
cee-chen merged 9 commits intoelastic:masterfrom
cee-chen:kibana-page-template-as-10
Jun 22, 2021
Merged

[App Search] Convert Schema pages to new page template#102846
cee-chen merged 9 commits intoelastic:masterfrom
cee-chen:kibana-page-template-as-10

Conversation

@cee-chen
Copy link
Contributor

Summary

Follow up to #102170 - converts more App Search pages to the new KibanaPageTemplate. I'm attempting to break up the AS layout conversion into smaller, easier to review chunks.

This PR handles the Schema views (+ bonus small UI polish from Davey). As always, follow along by commit (and turn off whitespace diffs)

Screencaps

New schema field:

new_schema

Schema errors:

schema_errors

Meta engine schema conflicts:

Checklist

cee-chen added 6 commits June 21, 2021 19:07
+ update empty state - remove panel wrapper, add create schema field modal
- see https://github.com/elastic/kibana/pull/101958/files

+ change color away from secondary, since that's going away in EUI at some point
- With the new template, transitioning from the empty state to the filled schema state causes the modal to stutter due to the component rerender

- Changing the page to not instantly react/update `hasSchema` when local schema state changes but instead to wait for the server call to finish and for cachedSchema to update fixes the UX problem
@cee-chen cee-chen requested review from a team June 22, 2021 03:06
@cee-chen cee-chen added auto-backport Deprecated - use backport:version if exact versions are needed release_note:skip Skip the PR/issue when compiling release notes v7.14.0 labels Jun 22, 2021
@cee-chen
Copy link
Contributor Author

CI failures aren't related, but not going to rerun as this branch will need to be rebased anyway

@JasonStoltz JasonStoltz self-assigned this Jun 22, 2021
@JasonStoltz
Copy link
Member

The failure looks unrelated to your changes.

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
enterpriseSearch 2.1MB 2.1MB -826.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @JasonStoltz

@cee-chen cee-chen merged commit b386ce1 into elastic:master Jun 22, 2021
@cee-chen cee-chen deleted the kibana-page-template-as-10 branch June 22, 2021 19:27
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Jun 22, 2021
* Convert Schema page to new page template

+ update empty state - remove panel wrapper, add create schema field modal

* Convert ReindexJob view to new page template

+ remove breadcrumb prop

* Convert Meta Engine Schema view to new page template

* Update routers

* [Polish] Misc Davey Schema UI tweaks

- see https://github.com/elastic/kibana/pull/101958/files

+ change color away from secondary, since that's going away in EUI at some point

* [UX] Fix SchemaAddFieldModal stuttering on first new schema field add

- With the new template, transitioning from the empty state to the filled schema state causes the modal to stutter due to the component rerender

- Changing the page to not instantly react/update `hasSchema` when local schema state changes but instead to wait for the server call to finish and for cachedSchema to update fixes the UX problem

* [UI polish] Revert button color change per Davey's feedback
@kibanamachine
Copy link
Contributor

💚 Backport successful

Status Branch Result
7.x

This backport PR will be merged automatically after passing CI.

kibanamachine added a commit that referenced this pull request Jun 22, 2021
…2996)

* Convert Schema page to new page template

+ update empty state - remove panel wrapper, add create schema field modal

* Convert ReindexJob view to new page template

+ remove breadcrumb prop

* Convert Meta Engine Schema view to new page template

* Update routers

* [Polish] Misc Davey Schema UI tweaks

- see https://github.com/elastic/kibana/pull/101958/files

+ change color away from secondary, since that's going away in EUI at some point

* [UX] Fix SchemaAddFieldModal stuttering on first new schema field add

- With the new template, transitioning from the empty state to the filled schema state causes the modal to stutter due to the component rerender

- Changing the page to not instantly react/update `hasSchema` when local schema state changes but instead to wait for the server call to finish and for cachedSchema to update fixes the UX problem

* [UI polish] Revert button color change per Davey's feedback

Co-authored-by: Constance <constancecchen@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

auto-backport Deprecated - use backport:version if exact versions are needed release_note:skip Skip the PR/issue when compiling release notes v7.14.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants