Skip to content

Conversation

@Ikuni17
Copy link
Contributor

@Ikuni17 Ikuni17 commented Apr 9, 2025

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:

[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

@Ikuni17 Ikuni17 added release_note:skip Skip the PR/issue when compiling release notes v9.0.0 ci:build-storybooks backport:version Backport to applied version labels v8.19.0 labels Apr 9, 2025
@Ikuni17 Ikuni17 requested a review from kfirpeled April 9, 2025 22:51
@Ikuni17 Ikuni17 self-assigned this Apr 9, 2025
@Ikuni17 Ikuni17 requested a review from a team as a code owner April 9, 2025 22:51
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

✅ unchanged

History

cc @Ikuni17

@kfirpeled kfirpeled merged commit a7796cd into elastic:main Apr 16, 2025
10 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x, 9.0

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 16, 2025
## 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)
@kibanamachine
Copy link
Contributor

@Ikuni17 Ikuni17 added backport:prev-minor and removed backport:version Backport to applied version labels v8.19.0 labels Apr 16, 2025
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 9.0

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

@Ikuni17 Ikuni17 deleted the fix/cloud-security-posture-graph-stories-broken branch April 16, 2025 17:15
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 16, 2025
## 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)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
9.0

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

Questions ?

Please refer to the Backport tool documentation

akowalska622 pushed a commit to akowalska622/kibana that referenced this pull request Apr 17, 2025
## 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]>
@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Apr 17, 2025
@kibanamachine
Copy link
Contributor

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.

@kibanamachine
Copy link
Contributor

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.

kibanamachine added a commit that referenced this pull request Apr 18, 2025
# 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]>
@kibanamachine kibanamachine added v9.0.1 and removed backport missing Added to PRs automatically when the are determined to be missing a backport. labels Apr 18, 2025
akowalska622 pushed a commit to akowalska622/kibana that referenced this pull request May 29, 2025
## 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]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ci:build-storybooks release_note:skip Skip the PR/issue when compiling release notes v9.0.0 v9.0.1 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants