Merge pull request #2191 from lumada-design/feat/5637

chore: fix storybook. HVUIKIT-5637

Author: nantunes

.storybook/blocks/ArgsTable.js

@@ -13,7 +13,7 @@ export const getComponent = (props = {}, context) => {
   const { parameters = {} } = context;
   const { component } = parameters;
   if (isShortcut(of) || isShortcut(story)) {
-    return component.Naked || component || null;
+    return component?.Naked || component || null;
   }
   if (!of) {
     throw new Error(ArgsTableError.NO_COMPONENT);

.storybook/preview-body.html

@@ -0,0 +1,6 @@
+<style>
+  .sb-show-main.sb-main-padded {
+    margin: 10px;
+    padding: 0;
+  }
+</style>

.storybook/preview.js

@@ -6,6 +6,7 @@ import DocsContainer from "./blocks/DocsContainer";
 import { getTheme, UIKIT_THEME } from "./theme";
 import { extractArgTypes } from "./props/extractArgTypes";
 import storySort from "./story_store/storySort";
+import "./theme/fonts/font-faces.css";
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

.storybook/props/extractProps.js

@@ -56,6 +56,8 @@ export const extractProps = (component) => {
       // wrapped withStyles or withLabels or withId
       // shouldn't be needed because we are https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over
       return extractProps(component.Naked);
+    } else if (isForwardRef(component) || component.render) {
+      return extractProps(component.render().type);
     } else if (isMemo(component)) {
       return extractProps(component.type().type);
     }

.storybook/theme/index.js

@@ -16,7 +16,7 @@ export const getTheme = (theme) => {
   if (isEyesStorybook) {
     // if being tested, don't rely on the stored theme but instead on the variation url parameter
     const eyesVariation = new URL(window.location).searchParams.get("eyes-variation");
-    const eyesTheme = eyesVariation.split(":")?.[1];
+    const eyesTheme = eyesVariation?.split(":")?.[1];
 
     return themes?.[eyesTheme] || themes?.[DEFAULT_THEME];
   }