Skip to content

[Solution Side Nav] Misc UI fixes#216109

Merged
tsullivan merged 5 commits intoelastic:mainfrom
tsullivan:sidenav/misc-panel-fixes-ii
Mar 28, 2025
Merged

[Solution Side Nav] Misc UI fixes#216109
tsullivan merged 5 commits intoelastic:mainfrom
tsullivan:sidenav/misc-panel-fixes-ii

Conversation

@tsullivan
Copy link
Member

@tsullivan tsullivan commented Mar 26, 2025

Part of https://github.com/elastic/kibana-team/issues/1439
Pulled from #210893 #215969

Summary

  1. Allow item in the secondary panel to use the renderItem field
  2. Fix handling of defaultIsCollapsed for items in the secondary panel
  3. Allow secondary panel to contain a mix of ungrouped items as well as sub-groups of items

alksdjnfgklsdfhglskdhkds

  1. Fix the flagging of the "active" parent in the main nav panel, based on the current URL

jhgkdfgkjfhkhn

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

@tsullivan tsullivan self-assigned this Mar 26, 2025
@tsullivan tsullivan added Team:SharedUX Platform AppEx-SharedUX (formerly Global Experience) t// release_note:skip Skip the PR/issue when compiling release notes labels Mar 26, 2025
@tsullivan tsullivan force-pushed the sidenav/misc-panel-fixes-ii branch from ce92569 to 3838f7b Compare March 27, 2025 19:04
@tsullivan tsullivan marked this pull request as ready for review March 27, 2025 19:04
@tsullivan tsullivan requested a review from a team as a code owner March 27, 2025 19:04
@elasticmachine
Copy link
Contributor

Pinging @elastic/appex-sharedux (Team:SharedUX)

@elasticmachine
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
navigation 20.2KB 20.0KB -185.0B
serverless 20.9KB 20.8KB -185.0B
total -370.0B

History

cc @tsullivan

@Dosant Dosant self-requested a review March 28, 2025 13:22
Copy link
Contributor

@Dosant Dosant left a comment

Choose a reason for hiding this comment

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

thanks for splitting by commits 👍

@tsullivan tsullivan merged commit 05a8703 into elastic:main Mar 28, 2025
15 checks passed
@tsullivan tsullivan deleted the sidenav/misc-panel-fixes-ii branch March 28, 2025 16:12
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.16, 8.17, 8.18, 8.x, 9.0

https://github.com/elastic/kibana/actions/runs/14133202034

@tsullivan tsullivan added v9.0.0 v8.19.0 backport:version Backport to applied version labels and removed backport:prev-minor labels Mar 28, 2025
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x, 9.0

https://github.com/elastic/kibana/actions/runs/14133219828

@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
8.x Backport failed because of merge conflicts
9.0 Backport failed because of merge conflicts

Manual backport

To create the backport manually run:

node scripts/backport --pr 216109

Questions ?

Please refer to the Backport tool documentation

@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Mar 31, 2025
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add a backport:* label or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 216109 locally

cqliu1 pushed a commit to cqliu1/kibana that referenced this pull request Mar 31, 2025
Part of elastic/kibana-team#1439
Pulled from elastic#210893
elastic#215969

## Summary

1. Allow item in the secondary panel to use the `renderItem` field
2. Fix handling of `defaultIsCollapsed` for items in the secondary panel
3. Allow secondary panel to contain a mix of ungrouped items as well as
sub-groups of items


![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)

4. Fix the flagging of the "active" parent in the main nav panel, based
on the current URL


![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)

### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add a backport:* label or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 216109 locally

2 similar comments
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add a backport:* label or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 216109 locally

@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add a backport:* label or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 216109 locally

tsullivan added a commit to tsullivan/kibana that referenced this pull request Apr 4, 2025
Part of elastic/kibana-team#1439
Pulled from elastic#210893
elastic#215969

## Summary

1. Allow item in the secondary panel to use the `renderItem` field
2. Fix handling of `defaultIsCollapsed` for items in the secondary panel
3. Allow secondary panel to contain a mix of ungrouped items as well as
sub-groups of items

![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)

4. Fix the flagging of the "active" parent in the main nav panel, based
on the current URL

![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

(cherry picked from commit 05a8703)

# Conflicts:
#	src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx
@tsullivan
Copy link
Member Author

💚 All backports created successfully

Status Branch Result
9.0
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

tsullivan added a commit to tsullivan/kibana that referenced this pull request Apr 4, 2025
Part of elastic/kibana-team#1439
Pulled from elastic#210893
elastic#215969

## Summary

1. Allow item in the secondary panel to use the `renderItem` field
2. Fix handling of `defaultIsCollapsed` for items in the secondary panel
3. Allow secondary panel to contain a mix of ungrouped items as well as
sub-groups of items

![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)

4. Fix the flagging of the "active" parent in the main nav panel, based
on the current URL

![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

(cherry picked from commit 05a8703)

# Conflicts:
#	src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx
tsullivan added a commit that referenced this pull request Apr 4, 2025
# Backport

This will backport the following commits from `main` to `9.0`:
- [[Solution Side Nav] Misc UI fixes
(#216109)](#216109)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Tim
Sullivan","email":"tsullivan@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-03-28T16:12:12Z","message":"[Solution
Side Nav] Misc UI fixes (#216109)\n\nPart of
https://github.com/elastic/kibana-team/issues/1439\nPulled from
https://github.com/elastic/kibana/pull/210893\nhttps://github.com/elastic/kibana/pull/215969\n\n##
Summary\n\n1. Allow item in the secondary panel to use the `renderItem`
field\n2. Fix handling of `defaultIsCollapsed` for items in the
secondary panel\n3. Allow secondary panel to contain a mix of ungrouped
items as well as\nsub-groups of
items\n\n\n![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)\n\n4.
Fix the flagging of the \"active\" parent in the main nav panel,
based\non the current
URL\n\n\n![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"05a8703d48b551f51248319a045cdf9786584df1","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport
missing","v9.0.0","Team:SharedUX","backport:version","v9.1.0","v8.19.0"],"title":"[Solution
Side Nav] Misc UI
fixes","number":216109,"url":"https://github.com/elastic/kibana/pull/216109","mergeCommit":{"message":"[Solution
Side Nav] Misc UI fixes (#216109)\n\nPart of
https://github.com/elastic/kibana-team/issues/1439\nPulled from
https://github.com/elastic/kibana/pull/210893\nhttps://github.com/elastic/kibana/pull/215969\n\n##
Summary\n\n1. Allow item in the secondary panel to use the `renderItem`
field\n2. Fix handling of `defaultIsCollapsed` for items in the
secondary panel\n3. Allow secondary panel to contain a mix of ungrouped
items as well as\nsub-groups of
items\n\n\n![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)\n\n4.
Fix the flagging of the \"active\" parent in the main nav panel,
based\non the current
URL\n\n\n![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"05a8703d48b551f51248319a045cdf9786584df1"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/216109","number":216109,"mergeCommit":{"message":"[Solution
Side Nav] Misc UI fixes (#216109)\n\nPart of
https://github.com/elastic/kibana-team/issues/1439\nPulled from
https://github.com/elastic/kibana/pull/210893\nhttps://github.com/elastic/kibana/pull/215969\n\n##
Summary\n\n1. Allow item in the secondary panel to use the `renderItem`
field\n2. Fix handling of `defaultIsCollapsed` for items in the
secondary panel\n3. Allow secondary panel to contain a mix of ungrouped
items as well as\nsub-groups of
items\n\n\n![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)\n\n4.
Fix the flagging of the \"active\" parent in the main nav panel,
based\non the current
URL\n\n\n![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"05a8703d48b551f51248319a045cdf9786584df1"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
tsullivan added a commit that referenced this pull request Apr 4, 2025
# Backport

This will backport the following commits from `main` to `8.x`:
- [[Solution Side Nav] Misc UI fixes
(#216109)](#216109)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Tim
Sullivan","email":"tsullivan@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-03-28T16:12:12Z","message":"[Solution
Side Nav] Misc UI fixes (#216109)\n\nPart of
https://github.com/elastic/kibana-team/issues/1439\nPulled from
https://github.com/elastic/kibana/pull/210893\nhttps://github.com/elastic/kibana/pull/215969\n\n##
Summary\n\n1. Allow item in the secondary panel to use the `renderItem`
field\n2. Fix handling of `defaultIsCollapsed` for items in the
secondary panel\n3. Allow secondary panel to contain a mix of ungrouped
items as well as\nsub-groups of
items\n\n\n![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)\n\n4.
Fix the flagging of the \"active\" parent in the main nav panel,
based\non the current
URL\n\n\n![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"05a8703d48b551f51248319a045cdf9786584df1","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport
missing","v9.0.0","Team:SharedUX","backport:version","v9.1.0","v8.19.0"],"title":"[Solution
Side Nav] Misc UI
fixes","number":216109,"url":"https://github.com/elastic/kibana/pull/216109","mergeCommit":{"message":"[Solution
Side Nav] Misc UI fixes (#216109)\n\nPart of
https://github.com/elastic/kibana-team/issues/1439\nPulled from
https://github.com/elastic/kibana/pull/210893\nhttps://github.com/elastic/kibana/pull/215969\n\n##
Summary\n\n1. Allow item in the secondary panel to use the `renderItem`
field\n2. Fix handling of `defaultIsCollapsed` for items in the
secondary panel\n3. Allow secondary panel to contain a mix of ungrouped
items as well as\nsub-groups of
items\n\n\n![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)\n\n4.
Fix the flagging of the \"active\" parent in the main nav panel,
based\non the current
URL\n\n\n![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"05a8703d48b551f51248319a045cdf9786584df1"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/216109","number":216109,"mergeCommit":{"message":"[Solution
Side Nav] Misc UI fixes (#216109)\n\nPart of
https://github.com/elastic/kibana-team/issues/1439\nPulled from
https://github.com/elastic/kibana/pull/210893\nhttps://github.com/elastic/kibana/pull/215969\n\n##
Summary\n\n1. Allow item in the secondary panel to use the `renderItem`
field\n2. Fix handling of `defaultIsCollapsed` for items in the
secondary panel\n3. Allow secondary panel to contain a mix of ungrouped
items as well as\nsub-groups of
items\n\n\n![alksdjnfgklsdfhglskdhkds](https://github.com/user-attachments/assets/11d316d6-6c9a-4743-897f-93c40efa9013)\n\n4.
Fix the flagging of the \"active\" parent in the main nav panel,
based\non the current
URL\n\n\n![jhgkdfgkjfhkhn](https://github.com/user-attachments/assets/b5f6efe3-e8f5-494b-bc12-abbd51acc12a)\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"05a8703d48b551f51248319a045cdf9786584df1"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
@kibanamachine kibanamachine removed the backport missing Added to PRs automatically when the are determined to be missing a backport. label Apr 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels release_note:skip Skip the PR/issue when compiling release notes Team:SharedUX Platform AppEx-SharedUX (formerly Global Experience) t// v8.19.0 v9.0.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants