storybook-addon-pseudo-states 2.1.1 → 2.1.2--canary.87.abba7bf.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/preview.js +5 -4
- package/dist/preview.mjs +8 -4
- package/package.json +1 -1
package/dist/preview.js
CHANGED
|
@@ -125,14 +125,11 @@ var rewriteRule = ({ cssText, selectorText }, shadowRoot) => {
|
|
|
125
125
|
);
|
|
126
126
|
};
|
|
127
127
|
var rewriteStyleSheet = (sheet, shadowRoot, shadowHosts2) => {
|
|
128
|
-
if (sheet.__pseudoStatesRewritten)
|
|
129
|
-
return;
|
|
130
|
-
sheet.__pseudoStatesRewritten = true;
|
|
131
128
|
try {
|
|
132
129
|
let index = -1;
|
|
133
130
|
for (const cssRule of sheet.cssRules) {
|
|
134
131
|
index++;
|
|
135
|
-
if (!("selectorText" in cssRule))
|
|
132
|
+
if (cssRule.__pseudoStatesRewritten || !("selectorText" in cssRule))
|
|
136
133
|
continue;
|
|
137
134
|
const styleRule = cssRule;
|
|
138
135
|
if (matchOne.test(styleRule.selectorText)) {
|
|
@@ -142,6 +139,7 @@ var rewriteStyleSheet = (sheet, shadowRoot, shadowHosts2) => {
|
|
|
142
139
|
if (shadowRoot && shadowHosts2)
|
|
143
140
|
shadowHosts2.add(shadowRoot.host);
|
|
144
141
|
}
|
|
142
|
+
cssRule.__pseudoStatesRewritten = true;
|
|
145
143
|
if (index > 1e3) {
|
|
146
144
|
warnOnce("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest.");
|
|
147
145
|
break;
|
|
@@ -248,6 +246,9 @@ var rewriteStyleSheets = (shadowRoot) => {
|
|
|
248
246
|
};
|
|
249
247
|
channel.on(import_core_events.STORY_CHANGED, () => shadowHosts.clear());
|
|
250
248
|
channel.on(import_core_events.STORY_RENDERED, () => rewriteStyleSheets());
|
|
249
|
+
channel.on(import_core_events.GLOBALS_UPDATED, () => rewriteStyleSheets());
|
|
250
|
+
channel.on(import_core_events.FORCE_RE_RENDER, () => rewriteStyleSheets());
|
|
251
|
+
channel.on(import_core_events.FORCE_REMOUNT, () => rewriteStyleSheets());
|
|
251
252
|
channel.on(import_core_events.DOCS_RENDERED, () => rewriteStyleSheets());
|
|
252
253
|
if (Element.prototype.attachShadow) {
|
|
253
254
|
Element.prototype._attachShadow = Element.prototype.attachShadow;
|
package/dist/preview.mjs
CHANGED
|
@@ -7,6 +7,9 @@ import {
|
|
|
7
7
|
// src/preview/withPseudoState.ts
|
|
8
8
|
import {
|
|
9
9
|
DOCS_RENDERED,
|
|
10
|
+
FORCE_REMOUNT,
|
|
11
|
+
FORCE_RE_RENDER,
|
|
12
|
+
GLOBALS_UPDATED,
|
|
10
13
|
STORY_CHANGED,
|
|
11
14
|
STORY_RENDERED,
|
|
12
15
|
UPDATE_GLOBALS
|
|
@@ -93,14 +96,11 @@ var rewriteRule = ({ cssText, selectorText }, shadowRoot) => {
|
|
|
93
96
|
);
|
|
94
97
|
};
|
|
95
98
|
var rewriteStyleSheet = (sheet, shadowRoot, shadowHosts2) => {
|
|
96
|
-
if (sheet.__pseudoStatesRewritten)
|
|
97
|
-
return;
|
|
98
|
-
sheet.__pseudoStatesRewritten = true;
|
|
99
99
|
try {
|
|
100
100
|
let index = -1;
|
|
101
101
|
for (const cssRule of sheet.cssRules) {
|
|
102
102
|
index++;
|
|
103
|
-
if (!("selectorText" in cssRule))
|
|
103
|
+
if (cssRule.__pseudoStatesRewritten || !("selectorText" in cssRule))
|
|
104
104
|
continue;
|
|
105
105
|
const styleRule = cssRule;
|
|
106
106
|
if (matchOne.test(styleRule.selectorText)) {
|
|
@@ -110,6 +110,7 @@ var rewriteStyleSheet = (sheet, shadowRoot, shadowHosts2) => {
|
|
|
110
110
|
if (shadowRoot && shadowHosts2)
|
|
111
111
|
shadowHosts2.add(shadowRoot.host);
|
|
112
112
|
}
|
|
113
|
+
cssRule.__pseudoStatesRewritten = true;
|
|
113
114
|
if (index > 1e3) {
|
|
114
115
|
warnOnce("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest.");
|
|
115
116
|
break;
|
|
@@ -216,6 +217,9 @@ var rewriteStyleSheets = (shadowRoot) => {
|
|
|
216
217
|
};
|
|
217
218
|
channel.on(STORY_CHANGED, () => shadowHosts.clear());
|
|
218
219
|
channel.on(STORY_RENDERED, () => rewriteStyleSheets());
|
|
220
|
+
channel.on(GLOBALS_UPDATED, () => rewriteStyleSheets());
|
|
221
|
+
channel.on(FORCE_RE_RENDER, () => rewriteStyleSheets());
|
|
222
|
+
channel.on(FORCE_REMOUNT, () => rewriteStyleSheets());
|
|
219
223
|
channel.on(DOCS_RENDERED, () => rewriteStyleSheets());
|
|
220
224
|
if (Element.prototype.attachShadow) {
|
|
221
225
|
Element.prototype._attachShadow = Element.prototype.attachShadow;
|