-
Notifications
You must be signed in to change notification settings - Fork 8.5k
[SB] Fix graph layout stories #217766
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
[SB] Fix graph layout stories #217766
Conversation
💚 Build Succeeded
Metrics [docs]
History
cc @Ikuni17 |
|
Starting backport for target branches: 8.x, 9.0 |
## Summary This fixes the graph layout stories not rendering properly after elastic#214684. Open to a better or preferred fix as I'm not familiar with these components. There was a console warning: ```js [React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004 ``` [Storybook preview link](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock) --------- Co-authored-by: Kfir Peled <[email protected]> (cherry picked from commit a7796cd)
|
Starting backport for target branches: 9.0 |
## Summary This fixes the graph layout stories not rendering properly after elastic#214684. Open to a better or preferred fix as I'm not familiar with these components. There was a console warning: ```js [React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004 ``` [Storybook preview link](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock) --------- Co-authored-by: Kfir Peled <[email protected]> (cherry picked from commit a7796cd)
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
## Summary This fixes the graph layout stories not rendering properly after elastic#214684. Open to a better or preferred fix as I'm not familiar with these components. There was a console warning: ```js [React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004 ``` [Storybook preview link](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock) --------- Co-authored-by: Kfir Peled <[email protected]>
|
Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync. |
|
Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync. |
# Backport This will backport the following commits from `main` to `9.0`: - [[SB] Fix graph layout stories (#217766)](#217766) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Brad White","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-04-16T16:59:08Z","message":"[SB] Fix graph layout stories (#217766)\n\n## Summary\n\nThis fixes the graph layout stories not rendering properly after\n#214684. Open to a better or preferred fix as I'm not familiar with\nthese components.\n\nThere was a console warning:\n```js\n[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004\n```\n\n[Storybook preview\nlink](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock)\n\n---------\n\nCo-authored-by: Kfir Peled <[email protected]>","sha":"a7796cd0d00453f67d0f5c4366352c53d6c63131","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","ci:build-storybooks","backport:version","v9.1.0","v8.19.0"],"title":"[SB] Fix graph layout stories","number":217766,"url":"https://github.com/elastic/kibana/pull/217766","mergeCommit":{"message":"[SB] Fix graph layout stories (#217766)\n\n## Summary\n\nThis fixes the graph layout stories not rendering properly after\n#214684. Open to a better or preferred fix as I'm not familiar with\nthese components.\n\nThere was a console warning:\n```js\n[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004\n```\n\n[Storybook preview\nlink](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock)\n\n---------\n\nCo-authored-by: Kfir Peled <[email protected]>","sha":"a7796cd0d00453f67d0f5c4366352c53d6c63131"}},"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/217766","number":217766,"mergeCommit":{"message":"[SB] Fix graph layout stories (#217766)\n\n## Summary\n\nThis fixes the graph layout stories not rendering properly after\n#214684. Open to a better or preferred fix as I'm not familiar with\nthese components.\n\nThere was a console warning:\n```js\n[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004\n```\n\n[Storybook preview\nlink](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock)\n\n---------\n\nCo-authored-by: Kfir Peled <[email protected]>","sha":"a7796cd0d00453f67d0f5c4366352c53d6c63131"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Brad White <[email protected]>
## Summary This fixes the graph layout stories not rendering properly after elastic#214684. Open to a better or preferred fix as I'm not familiar with these components. There was a console warning: ```js [React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error#004 ``` [Storybook preview link](https://ci-artifacts.kibana.dev/storybooks/pr-217766/cloud_security_posture_graph/index.html?path=/story/components-graph-components-graph-layout--simple-api-mock) --------- Co-authored-by: Kfir Peled <[email protected]>
Summary
This fixes the graph layout stories not rendering properly after #214684. Open to a better or preferred fix as I'm not familiar with these components.
There was a console warning:
Storybook preview link