Skip to content

Storybook 8 Upgrade Follow Up#214684

Merged
Ikuni17 merged 10 commits intoelastic:mainfrom
Ikuni17:fix/sb8-migration-follow-up
Mar 24, 2025
Merged

Storybook 8 Upgrade Follow Up#214684
Ikuni17 merged 10 commits intoelastic:mainfrom
Ikuni17:fix/sb8-migration-follow-up

Conversation

@Ikuni17
Copy link
Contributor

@Ikuni17 Ikuni17 commented Mar 15, 2025

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

@Ikuni17 Ikuni17 added release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting ci:build-storybooks labels Mar 15, 2025
@Ikuni17 Ikuni17 self-assigned this Mar 15, 2025
@Ikuni17 Ikuni17 marked this pull request as ready for review March 17, 2025 19:22
@Ikuni17 Ikuni17 requested review from a team as code owners March 17, 2025 19:22
@Ikuni17 Ikuni17 requested a review from nikitaindik March 17, 2025 19:22
@elastic elastic deleted a comment from elasticmachine Mar 17, 2025
@botelastic botelastic bot added the Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. label Mar 17, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-management-team (Team:obs-ux-management)

Copy link
Member

@sabarasaba sabarasaba left a comment

Choose a reason for hiding this comment

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

kibana management changes lgtm

Copy link
Contributor

@jughosta jughosta left a comment

Choose a reason for hiding this comment

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

Data Discovery changes LGTM 👍

Copy link
Contributor

@nikitaindik nikitaindik left a comment

Choose a reason for hiding this comment

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

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 👍

@maxcold
Copy link
Contributor

maxcold commented Mar 21, 2025

@kfirpeled the graph storybook doesn't show graph components for some reason. The same behavior I see in main so it doesn't look like the problem is with this PR

@Ikuni17
Copy link
Contributor Author

Ikuni17 commented Mar 21, 2025

@maxcold this is a SB build from before the v8 upgrade. Are the stories working properly in that?

@maxcold
Copy link
Contributor

maxcold commented Mar 24, 2025

@Ikuni17 yes, see screenshot. In the storybook built for this PR no graph is being displayed

Screenshot 2025-03-24 at 09 43 35

Copy link
Contributor

@fkanout fkanout left a comment

Choose a reason for hiding this comment

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

code review only, LGTM

Copy link
Contributor

@kfirpeled kfirpeled left a comment

Choose a reason for hiding this comment

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

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

@Ikuni17 Ikuni17 enabled auto-merge (squash) March 24, 2025 16:43
@Ikuni17
Copy link
Contributor Author

Ikuni17 commented Mar 24, 2025

@kfirpeled Thanks, I can take a look in a follow up PR as well.

@Ikuni17 Ikuni17 merged commit 31aa294 into elastic:main Mar 24, 2025
10 checks passed
@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #111 / Package policies Package Policy - upgrade when package version is not installed "after each" hook for "should respond with an error"

Metrics [docs]

✅ unchanged

History

cc @Ikuni17

@Ikuni17 Ikuni17 deleted the fix/sb8-migration-follow-up branch March 24, 2025 18:29
cqliu1 pushed a commit to cqliu1/kibana that referenced this pull request Mar 31, 2025
## 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
kfirpeled added a commit that referenced this pull request Apr 16, 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:
```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>
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 <61654899+kfirpeled@users.noreply.github.com>
(cherry picked from commit a7796cd)
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 <61654899+kfirpeled@users.noreply.github.com>
(cherry picked from commit a7796cd)
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 <61654899+kfirpeled@users.noreply.github.com>
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 <61654899+kfirpeled@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting ci:build-storybooks release_note:skip Skip the PR/issue when compiling release notes Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.