Storybook 8 Upgrade Follow Up#214684
Conversation
|
Pinging @elastic/obs-ux-management-team (Team:obs-ux-management) |
sabarasaba
left a comment
There was a problem hiding this comment.
kibana management changes lgtm
jughosta
left a comment
There was a problem hiding this comment.
Data Discovery changes LGTM 👍
nikitaindik
left a comment
There was a problem hiding this comment.
Thanks @Ikuni17! I've tested updated Rule Management owned stories and can confirm that they do work. Some of our stories are broken, but it's unrelated to this PR and we'll fix them in the future.
LGTM from the Rules Management 👍
|
@kfirpeled the graph storybook doesn't show graph components for some reason. The same behavior I see in |
|
@Ikuni17 yes, see screenshot. In the storybook built for this PR no graph is being displayed
|
kfirpeled
left a comment
There was a problem hiding this comment.
I don't know yet what causes the graph not to appear, I approve the PR so it won't block you. I'll continue to investigate
|
@kfirpeled Thanks, I can take a look in a follow up PR as well. |
💛 Build succeeded, but was flaky
Failed CI StepsTest Failures
Metrics [docs]
History
cc @Ikuni17 |
## Summary These Stories were missed in [Upgrade to Storybook 8 (elastic#195148)](elastic#195148) and should be migrated to the same format as other stories for consistency and to make future migrations easier. They technically work in SB8, I forgot to run the migration script again later on while working on the original PR. The changes have already been backported to elastic#214680 and elastic#214681
## 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: ```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 <61654899+kfirpeled@users.noreply.github.com>
## 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 <61654899+kfirpeled@users.noreply.github.com> (cherry picked from commit a7796cd)
## 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 <61654899+kfirpeled@users.noreply.github.com> (cherry picked from commit a7796cd)
## 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 <61654899+kfirpeled@users.noreply.github.com>
## 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 <61654899+kfirpeled@users.noreply.github.com>

Summary
These Stories were missed in Upgrade to Storybook 8 (#195148) and should be migrated to the same format as other stories for consistency and to make future migrations easier. They technically work in SB8, I forgot to run the migration script again later on while working on the original PR.
The changes have already been backported to #214680 and #214681