[Storybook] Add story code snippets #7716
Commits on Jun 20, 2024
-
feat: add custom code-sippet addon panel
- adds addon panel for outputting code snippet with Storybooks SyntaxHighlighter - registers code-snippet addon panel in Storybook manager
-
feat: add and use jsxDecorator
- adds the main bulk of the addon functionality; the jsxDecorator takes the story element, transforms it according to our needs and passes the element to react-element-to-jsx-string to output a jsx string
-
fix: prevent fewer hooks called error on euiTheme
- calling useEuiTheme only on the initial decorator call and not every recursive check
-
docs(storybook): updates stories to ensure code-snippet generation
- ensure naming convention for stateful wrapper to start with Stateful... for filters to work - ensure args are passed along when using decorators - ensure no anonymous render functions are used as they would otherwise be skipped
-
docs(storybook): various story adjustments
- EuiCombobox: setup onChange handler and use it in the stateful wrapper; fix static value for options - EuiheaderAlert: adds a storybook only prop to ensure the full code is used for the snippet generation and not the close state one as the snippet is only generated on arg change and not triggered by preview changes
-
docs(storybook): skip code snippet generation for components that hav…
…e render functions
-
-
-
-
-
docs(storybook): revert custom opening handling for EuiheaderAlert fl…
…yout story in favor of initially setting it to open
-
-
refactor(code-snippet): remove obsolete double quote transform since …
…prettier handles it
-
-
-
-
chore(code-snippet): remove unused skip code
-add additional comments
-
-
-
-
-
-
-
-
-
feat(code-snippet): add support for snippet value overrides
-adds example for EuiDatePicker story
-
-
