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

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 +35 -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.8",
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,39 @@ 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
+ }
158
+ );
152
159
 
153
160
  useShortcut("mod+k", () => {
154
161
  if (tutorialStep === 2) {
@@ -159,6 +166,9 @@ export const TutorialModal = ({
159
166
  setShowTutorialModal(false);
160
167
  setShowAllSetBoxState(true);
161
168
  }, 1500);
169
+ }, {
170
+ id: "tutorial-step-2-mod-k",
171
+ priority: 2,
162
172
  });
163
173
 
164
174
  return (