impact-ui 3.7.26-alpha.7 → 3.7.26-alpha.9

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.
Files changed (4) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/components/KeyboardShortCuts/tutorial.js +36 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impact-ui",
3
- "version": "3.7.26-alpha.7",
3
+ "version": "3.7.26-alpha.9",
4
4
  "description": "Impact Analytics UI library",
5
5
  "main": "dist/index.js",
6
6
  "files": [
package/src/components/KeyboardShortCuts/tutorial.js CHANGED
@@ -107,12 +107,12 @@ export const TutorialModal = ({
107
107
  };
108
108
 
109
109
  // On mount, fade out overlay after 1 second
110
- useEffect(() => {
111
- overlayTimerRef.current = setTimeout(() => {
112
- setShowOverlay(false);
113
- }, 1000);
114
- return () => clearTimeout(overlayTimerRef.current);
115
- }, []);
110
+ // useEffect(() => {
111
+ // overlayTimerRef.current = setTimeout(() => {
112
+ // setShowOverlay(false);
113
+ // }, 1000);
114
+ // return () => clearTimeout(overlayTimerRef.current);
115
+ // }, []);
116
116
 
117
117
  useShortcut("mod+b", (e) => {
118
118
  ShortcutManager.getInstance().trigger('sidebar-toggle-mod-b', e);
@@ -123,32 +123,40 @@ export const TutorialModal = ({
123
123
  setTutorialStep(1);
124
124
  setShowLottie(false);
125
125
  // Re-show overlay after step transition, then fade out after 1s
126
- clearTimeout(overlayTimerRef.current);
127
- setShowOverlay(true);
128
- overlayTimerRef.current = setTimeout(() => {
129
- setShowOverlay(false);
130
- }, 1000);
126
+ // clearTimeout(overlayTimerRef.current);
127
+ // setShowOverlay(true);
128
+ // overlayTimerRef.current = setTimeout(() => {
129
+ // setShowOverlay(false);
130
+ // }, 1000);
131
131
  }, 1000);
132
132
  }, {
133
133
  id: "tutorial-step-0-mod-b",
134
134
  priority: 2,
135
135
  });
136
136
 
137
- useShortcut("alt+k", () => {
138
- if (tutorialStep === 1) {
139
- setShowLottie(true);
140
- }
141
- setTimeout(() => {
142
- setTutorialStep(2);
143
- setShowLottie(false);
144
- // Re-show overlay after step transition, then fade out after 1s
145
- clearTimeout(overlayTimerRef.current);
146
- setShowOverlay(true);
147
- overlayTimerRef.current = setTimeout(() => {
148
- setShowOverlay(false);
137
+ useShortcut(
138
+ "alt+k",
139
+ () => {
140
+ if (tutorialStep === 1) {
141
+ setShowLottie(true);
142
+ }
143
+ setTimeout(() => {
144
+ setTutorialStep(2);
145
+ setShowLottie(false);
146
+ // Re-show overlay after step transition, then fade out after 1s
147
+ // clearTimeout(overlayTimerRef.current);
148
+ // setShowOverlay(true);
149
+ // overlayTimerRef.current = setTimeout(() => {
150
+ // setShowOverlay(false);
151
+ // }, 1000);
149
152
  }, 1000);
150
- }, 1000);
151
- });
153
+ },
154
+ {
155
+ id: "tutorial-step-1-alt-k",
156
+ priority: 2,
157
+ propagate: true,
158
+ }
159
+ );
152
160
 
153
161
  useShortcut("mod+k", () => {
154
162
  if (tutorialStep === 2) {
@@ -159,6 +167,9 @@ export const TutorialModal = ({
159
167
  setShowTutorialModal(false);
160
168
  setShowAllSetBoxState(true);
161
169
  }, 1500);
170
+ }, {
171
+ id: "tutorial-step-2-mod-k",
172
+ priority: 2,
162
173
  });
163
174
 
164
175
  return (