removing initFunctions

Author: scott-williams-az

packages/unity-bootstrap-theme/.storybook/local-addon/addon.js

@@ -6,23 +6,6 @@ import { formatWithBabelParser } from './helpers';
 import { Toggle } from '../../../../.storybook-config/Toggle'
 
 addons.register('local-addon', (api) => {
-  addons.add('local-addon/panel', {
-    title: 'Javascript',
-    //👇 Sets the type of UI element in Storybook
-    type: types.PANEL,
-    paramKey: 'initFunc',
-    render: ({active, key}) => {
-      const data = api.getCurrentStoryData();
-      const initFunc = data?.parameters?.initFunc?.code || '';
-      const code = formatWithBabelParser(`${initFunc}`);
-
-      return(
-        <AddonPanel key={key} active={!!active}>
-          <Source code={`${code}`} language='js' format={true} />
-        </AddonPanel>
-    )},
-  });
-
   addons.add('local-addon/tools', {
     title: 'tools',
     type: types.TOOL,

packages/unity-bootstrap-theme/.storybook/local-addon/decorators/withFooter.js

@@ -1,27 +1,15 @@
-import React, { useEffect, useRef} from 'react';
+import React from 'react';
 import { makeDecorator } from '@storybook/addons';
-
 import { GlobalElementsOnly as Footer } from "../../../stories/organisms/global-footer/global-footer.templates";
-import { initFooterGA } from "../../../stories/organisms/global-footer/global-footer"
 
 export const withFooter = makeDecorator({
   name: 'withFooter',
   parameterName: 'footer',
   skipIfNoParametersOrOptions: true,
   wrapper: (storyFn, context) => {
-    const loaded = useRef(0);
-    useEffect(()=>{
-      if(document.readyState !== "loading") {
-        initFooterGA()
-      }
-    },[loaded.current]);
-    loaded.current++;
-
     const { globals, parameters } = context;
-
     const footer = parameters?.footer;
     const isFooterActive = (globals.footer == true && footer?.disable !== true) || footer.forced == true;
-
     const isStory = context.viewMode === 'story';
 
     return <>

packages/unity-bootstrap-theme/.storybook/local-addon/decorators/withHeader.js

@@ -1,28 +1,16 @@
-import React, { useEffect, useRef} from 'react';
+import React from 'react';
 import { makeDecorator } from '@storybook/addons';
 
 import { Basic as Header } from "../../../stories/organisms/global-header/global-header.templates.jsx";
 
-import { initGlobalHeader } from "../../../src/js/storybook-global-header";
-
 export const withHeader = makeDecorator({
   name: 'withHeader',
   parameterName: 'header',
   skipIfNoParametersOrOptions: true,
   wrapper: (storyFn, context) => {
-    const loaded = useRef(0);
-    useEffect(()=>{
-      if(document.readyState !== "loading") {
-        initGlobalHeader()
-      }
-    },[loaded.current]);
-    loaded.current++;
-
     const { globals, parameters } = context;
-
     const header = parameters?.header;
     const isHeaderActive = (globals.header == true && header?.disable !== true) || header.forced === true;
-
     const isStory = context.viewMode === 'story';
 
     return <>

packages/unity-bootstrap-theme/.storybook/local-addon/decorators/withInitFunc.js

@@ -5,10 +5,6 @@ import {
 
 import { withFooter } from './decorators/withFooter';
 import { withHeader } from './decorators/withHeader';
-import { withInitFunc } from './decorators/withInitFunc';
-import { withLoadEvent } from './decorators/withLoadEvent';
-
-import "../../src/js/data-layer.js";
 
 export const parameters = {
   header: {
@@ -20,10 +16,6 @@ export const parameters = {
   loadEvent: {
     disable: false
   },
-  initFunc: {
-    disable: true,
-    code: null
-  },
   docs:{
     source: {
       transform: (src,storyContext)=>{
@@ -40,8 +32,6 @@ export const globals = {
   footer: false
 }
 export const decorators = [
-  withLoadEvent,
-  withInitFunc,
   withHeader,
   withFooter,
 ]

packages/unity-bootstrap-theme/.storybook/local-addon/decorators/withLoadEvent.js

@@ -4,6 +4,7 @@ export default {
   staticDirs: ['../dist'],
   stories: ["../stories/**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
+    "./local-addon",
     "../../../.storybook-config",
     "../../../.storybook-config/dataLayerListener",
     "@whitespace/storybook-addon-html",

packages/unity-bootstrap-theme/.storybook/local-addon/entry.js

@@ -2,15 +2,10 @@ import React from "react";
 
 import { imageName } from "../../../../../shared/assets";
 import { defaultDecorator } from "../../../../../shared/components/Layout.js";
-import { initializeBlockquoteAnimation as doAnimate } from "./blockquote-animated";
 
 export default {
   title: "Atoms/Blockquotes and Testimonials/Templates",
   parameters: {
-    initFunc: {
-      disable: false,
-      code: doAnimate,
-    },
   },
   args: {
     type: "On White",

packages/unity-bootstrap-theme/.storybook/main.js

@@ -1,14 +1,8 @@
 import React from "react";
 
-import { initModals as initFunc } from "./modals.js";
-
 export default {
   title: "Atoms/Modals/Examples",
   parameters: {
-    initFunc: {
-      disable: false,
-      code: initFunc
-    },
     header: {
       forced: true,
     },

packages/unity-bootstrap-theme/stories/atoms/blockquote/blockquote.templates.stories.js

@@ -1,16 +1,11 @@
 import React from "react";
 
 import { defaultDecorator } from "../../../../../shared/components/Layout";
-import { initModals as initFunc } from "./modals.js";
 
 export default {
   title: "Atoms/Modals/Templates",
   decorators: [ defaultDecorator ],
   parameters: {
-    initFunc: {
-      disable: false,
-      code: initFunc
-    },
     header: {
       forced: true,
     },