storybook-addon-pseudo-states 1.9.0 → 1.12.0

package/CHANGELOG.md

@@ -1,4 +1,4 @@
-# v1.0.0 (Wed Apr 06 2022)
+# v1.0.0 (Mon May 23 2022)
 
 #### 🚀 Enhancement
 
@@ -7,12 +7,15 @@
 
 #### 🐛 Bug Fix
 
+- fix: Resolve crash for stories that use internal State [#28](https://github.com/chromaui/storybook-addon-pseudo-states/pull/28) (david.maulick@coinbase.com)
 - Fix CSS selector splitting [#24](https://github.com/chromaui/storybook-addon-pseudo-states/pull/24) ([@ilanus](https://github.com/ilanus) [@ghengeveld](https://github.com/ghengeveld))
 - Add support for slotted lit elements [#23](https://github.com/chromaui/storybook-addon-pseudo-states/pull/23) ([@ilanus](https://github.com/ilanus))
 - Setup auto [#7](https://github.com/chromaui/storybook-addon-pseudo-states/pull/7) ([@ghengeveld](https://github.com/ghengeveld))
 
 #### ⚠️ Pushed to `main`
 
+- Use personal access token to be able to push to main ([@ghengeveld](https://github.com/ghengeveld))
+- Use chromatic@next ([@ghengeveld](https://github.com/ghengeveld))
 - [skip release] Revert back to disabling CustomElement stories ([@ghengeveld](https://github.com/ghengeveld))
 - Another attempt at dealing with IE ([@ghengeveld](https://github.com/ghengeveld))
 - Don't disable stories, just ignore IE ([@ghengeveld](https://github.com/ghengeveld))
@@ -24,8 +27,9 @@
 - Upgrade Storybook ([@ghengeveld](https://github.com/ghengeveld))
 - Ignore .env file ([@ghengeveld](https://github.com/ghengeveld))
 
-#### Authors: 3
+#### Authors: 4
 
+- David Maulick ([@dmaulick](https://github.com/dmaulick))
 - Gert Hengeveld ([@ghengeveld](https://github.com/ghengeveld))
 - Ilan ([@ilanus](https://github.com/ilanus))
 - Jeroen Zwartepoorte ([@jpzwarte](https://github.com/jpzwarte))

package/dist/cjs/withPseudoState.js

@@ -97,20 +97,23 @@ _addons.addons.getChannel().on(_coreEvents.STORY_CHANGED, function () {
 var withPseudoState = function withPseudoState(StoryFn, _ref5) {
   var viewMode = _ref5.viewMode,
       parameters = _ref5.parameters,
-      id = _ref5.id;
+      id = _ref5.id,
+      globalsArgs = _ref5.globals;
   var parameter = parameters.pseudo;
+  var globals = globalsArgs.pseudo;
 
-  var _useGlobals = (0, _addons.useGlobals)(),
-      _useGlobals2 = _slicedToArray(_useGlobals, 2),
-      globals = _useGlobals2[0].pseudo,
-      updateGlobals = _useGlobals2[1]; // Sync parameter to globals, used by the toolbar (only in canvas as this
+  var channel = _addons.addons.getChannel(); // Sync parameter to globals, used by the toolbar (only in canvas as this
   // doesn't make sense for docs because many stories are displayed at once)
 
 
   (0, _addons.useEffect)(function () {
-    if (parameter !== globals && viewMode === "story") updateGlobals({
-      pseudo: parameter
-    });
+    if (parameter !== globals && viewMode === "story") {
+      channel.emit(_coreEvents.UPDATE_GLOBALS, {
+        globals: {
+          pseudo: parameter
+        }
+      });
+    }
   }, [parameter, viewMode]); // Convert selected states to classnames and apply them to the story root element.
   // Then update each shadow host to redetermine its own pseudo classnames.
 

package/dist/esm/withPseudoState.js

@@ -27,8 +27,9 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 /* eslint-env browser */
-import { addons, useEffect, useGlobals } from "@storybook/addons";
+import { addons, useEffect } from "@storybook/addons";
 import { DOCS_RENDERED, STORY_CHANGED, STORY_RENDERED } from "@storybook/core-events";
+import { UPDATE_GLOBALS } from '@storybook/core-events';
 import { PSEUDO_STATES } from "./constants";
 import { splitSelectors } from "./splitSelectors";
 var pseudoStates = Object.values(PSEUDO_STATES);
@@ -85,20 +86,21 @@ addons.getChannel().on(STORY_CHANGED, function () {
 export var withPseudoState = function withPseudoState(StoryFn, _ref5) {
   var viewMode = _ref5.viewMode,
       parameters = _ref5.parameters,
-      id = _ref5.id;
+      id = _ref5.id,
+      globalsArgs = _ref5.globals;
   var parameter = parameters.pseudo;
-
-  var _useGlobals = useGlobals(),
-      _useGlobals2 = _slicedToArray(_useGlobals, 2),
-      globals = _useGlobals2[0].pseudo,
-      updateGlobals = _useGlobals2[1]; // Sync parameter to globals, used by the toolbar (only in canvas as this
+  var globals = globalsArgs.pseudo;
+  var channel = addons.getChannel(); // Sync parameter to globals, used by the toolbar (only in canvas as this
   // doesn't make sense for docs because many stories are displayed at once)
 
-
   useEffect(function () {
-    if (parameter !== globals && viewMode === "story") updateGlobals({
-      pseudo: parameter
-    });
+    if (parameter !== globals && viewMode === "story") {
+      channel.emit(UPDATE_GLOBALS, {
+        globals: {
+          pseudo: parameter
+        }
+      });
+    }
   }, [parameter, viewMode]); // Convert selected states to classnames and apply them to the story root element.
   // Then update each shadow host to redetermine its own pseudo classnames.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-pseudo-states",
-  "version": "1.9.0",
+  "version": "1.12.0",
   "description": "CSS pseudo states for Storybook",
   "keywords": [
     "storybook-addons",