@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/collection/components/stzh-gallery/stzh-gallery.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -68,8 +67,7 @@ export default {
       url: getFigmaLink('gallery'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const images = [

package/dist/collection/components/stzh-header/stzh-header.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -152,8 +151,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'fullscreen',
-    actions: {
-      handles: [
+    stzhActions: {
+      events: [
         'stzhMetanavItemClick',
         'stzhMetanavItemButtonClick',
         'stzhMetanavItemChildClick',
@@ -175,8 +174,7 @@ export default {
       url: getFigmaLink('header'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const menuItems = [

package/dist/collection/components/stzh-heading/stzh-heading.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -21,9 +20,6 @@ export default {
   title: 'Components/Heading',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -34,8 +30,7 @@ export default {
       url: getFigmaLink('heading'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-hr/stzh-hr.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -26,8 +25,7 @@ export default {
       url: getFigmaLink('hr'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-hspace/stzh-hspace.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -46,9 +45,6 @@ export default {
   title: 'Components/Hspace',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -59,8 +55,7 @@ export default {
       url: getFigmaLink('hspace'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-http-error/stzh-http-error.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 const COMPONENT_NAME = 'stzh-http-error';
@@ -14,16 +13,12 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
       }
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-icon/stzh-icon.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -15,9 +14,6 @@ export default {
   title: 'Components/Icon',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -28,8 +24,7 @@ export default {
       url: getFigmaLink('icon'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-iframe/stzh-iframe.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -50,8 +49,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: ['stzhPreviewSkip', 'stzhViewChange']
+    stzhActions: {
+      events: ['stzhPreviewSkip', 'stzhViewChange']
     },
     docs: {
       description: {
@@ -63,8 +62,7 @@ export default {
       url: getFigmaLink('iframe'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -26,16 +25,15 @@ export default {
         component: readme
       }
     },
-    actions: {
-      handles: ['stzhChange']
+    stzhActions: {
+      events: ['stzhChange']
     },
     design: {
       type: 'figma',
       url: getFigmaLink('imagecomparison'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-input/stzh-input.stories.js

@@ -1,16 +1,14 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
 import { fullwidthCentered } from '../../utils/decorators';
 
-import { userEvent, fireEvent, waitFor } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, userEvent } from 'storybook/test';
 import {
+  expectIsVisible,
   getComponentByTestId,
-  setAttributeAndWait,
-  expectIsVisible
+  setAttributeAndWait
 } from '../../../.storybook/utils/component-test-utils';
 
 const COMPONENT_NAME = 'stzh-input';
@@ -27,8 +25,8 @@ export default {
   title: 'Components/Input',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhChange', 'stzhFocus', 'stzhBlur', 'stzhChanged']
+    stzhActions: {
+      events: ['stzhChange', 'stzhFocus', 'stzhBlur', 'stzhChanged', 'stzhClick']
     },
     docs: {
       description: {
@@ -41,7 +39,7 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [withActions, fullwidthCentered]
+  decorators: [fullwidthCentered]
 };
 
 export const Default = {

package/dist/collection/components/stzh-invert/stzh-invert.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -72,8 +71,7 @@ export default {
       url: getFigmaLink('invert'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-link/stzh-link.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,8 +15,8 @@ export default {
   title: 'Components/Link',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhClick', 'linkFocus', 'linkBlur']
+    stzhActions: {
+      events: ['stzhClick', 'linkFocus', 'linkBlur']
     },
     docs: {
       description: {
@@ -30,7 +29,7 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [withActions, fullwidthCentered]
+  decorators: [fullwidthCentered]
 };
 
 export const Default = {

package/dist/collection/components/stzh-list/stzh-list.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -35,8 +34,7 @@ export default {
       url: getFigmaLink('list'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-loader/stzh-loader.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -15,9 +14,6 @@ export default {
   title: 'Components/Loader',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -28,8 +24,7 @@ export default {
       url: getFigmaLink('loader'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-loadingbar/stzh-loadingbar.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -25,8 +24,7 @@ export default {
       url: getFigmaLink('loadingbar'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-menu/stzh-menu.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -46,9 +45,6 @@ export default {
   title: 'Components/Menu',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -59,8 +55,7 @@ export default {
       url: getFigmaLink('menu'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-menu-item/stzh-menu-item.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -28,8 +27,8 @@ export default {
   title: 'Components/MenuItem',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhClick', 'stzhBlur', 'stzhFocus']
+    stzhActions: {
+      events: ['stzhClick', 'stzhBlur', 'stzhFocus']
     },
     docs: {
       description: {
@@ -41,8 +40,7 @@ export default {
       url: getFigmaLink('menuitem'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-message/stzh-message.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -18,8 +17,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: ['stzhOpen', 'stzhClose']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhClose']
     },
     docs: {
       description: {
@@ -31,8 +30,7 @@ export default {
       url: getFigmaLink('message'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-monthyearpicker/stzh-monthyearpicker.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,8 +15,8 @@ export default {
   title: 'Components/Monthyearpicker',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhChange']
+    stzhActions: {
+      events: ['stzhChange']
     },
     docs: {
       description: {
@@ -30,7 +29,7 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [withActions, fullwidthCentered]
+  decorators: [fullwidthCentered]
 };
 
 export const Default = {

package/dist/collection/components/stzh-offline-indicator/stzh-offline-indicator.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -25,8 +24,7 @@ export default {
       url: getFigmaLink('offline-indicator'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-olmap/stzh-olmap.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -15,8 +14,8 @@ export default {
   title: 'Components/Olmap',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhInitialized', 'stzhPostRender', 'stzhMoveStart', 'stzhMoveEnd']
+    stzhActions: {
+      events: ['stzhInitialized', 'stzhPostRender', 'stzhMoveStart', 'stzhMoveEnd']
     },
     layout: 'padded',
     docs: {
@@ -29,8 +28,7 @@ export default {
       url: getFigmaLink('olmap'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-overlay/stzh-overlay.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -26,8 +25,8 @@ export default {
   title: 'Components/Overlay',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhOpen', 'stzhClose']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhClose']
     },
     docs: {
       story: { inline: false },
@@ -40,8 +39,7 @@ export default {
       url: getFigmaLink('overlay'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-pagination/stzh-pagination.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -15,8 +14,8 @@ export default {
   title: 'Components/Pagination',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhChange']
+    stzhActions: {
+      events: ['stzhChange']
     },
     docs: {
       description: {
@@ -28,8 +27,7 @@ export default {
       url: getFigmaLink('pagination'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-panorama/stzh-panorama.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,9 +15,9 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
+    stzhActions: {
       // don't listen to stzhChange or stzhZoomChange or demo gonna lag
-      handles: ['stzhLoad', 'stzhFullscreenChange', 'stzhSceneChange']
+      events: ['stzhLoad', 'stzhFullscreenChange', 'stzhSceneChange']
     },
     docs: {
       description: {
@@ -30,8 +29,7 @@ export default {
       url: getFigmaLink('panorama'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-popover/stzh-popover.stories.js

@@ -1,11 +1,9 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
-import { getComponentByTestId, sleep, waitForWithTimeout } from '../../../.storybook/utils/component-test-utils';
-import { expect } from '@storybook/jest';
-import { userEvent, waitFor } from '@storybook/testing-library';
+import { getComponentByTestId, waitForWithTimeout } from '../../../.storybook/utils/component-test-utils';
+import { expect, userEvent } from 'storybook/test';
 import { Default as Menu_Default } from '../stzh-menu/stzh-menu.stories';
 
 const COMPONENT_NAME = 'stzh-popover';
@@ -43,8 +41,8 @@ export default {
   title: 'Components/Popover',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
     },
     docs: {
       story: { inline: false },
@@ -57,8 +55,7 @@ export default {
       url: getFigmaLink('popover'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-quote/stzh-quote.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,7 +15,6 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {},
     docs: {
       description: {
         component: readme
@@ -27,8 +25,7 @@ export default {
       url: getFigmaLink('zitat'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {