@gitlab/ui 39.3.1 → 39.5.0

package/src/utils/data_utils.js

@@ -2,27 +2,8 @@ import curry from 'lodash/fp/curry';
 
 const getRepeatingValue = (index) => {
   const values = [
-    100,
-    500,
-    400,
-    200,
-    100,
-    800,
-    400,
-    500,
-    600,
-    300,
-    800,
-    900,
-    110,
-    700,
-    400,
-    300,
-    500,
-    300,
-    400,
-    600,
-    700,
+    100, 500, 400, 200, 100, 800, 400, 500, 600, 300, 800, 900, 110, 700, 400, 300, 500, 300, 400,
+    600, 700,
   ];
   return index < values.length ? values[index] : values[index % values.length];
 };

package/src/utils/utils.js

@@ -122,3 +122,21 @@ export function logWarning(message = '') {
     console.warn(message); // eslint-disable-line no-console
   }
 }
+
+/**
+ * Stop default event handling and propagation
+ */
+export function stopEvent(
+  event,
+  { preventDefault = true, stopPropagation = true, stopImmediatePropagation = false } = {}
+) {
+  if (preventDefault) {
+    event.preventDefault();
+  }
+  if (stopPropagation) {
+    event.stopPropagation();
+  }
+  if (stopImmediatePropagation) {
+    event.stopImmediatePropagation();
+  }
+}

package/src/utils/utils.spec.js

@@ -1,4 +1,4 @@
-import { isElementFocusable, focusFirstFocusableElement } from './utils';
+import { isElementFocusable, focusFirstFocusableElement, stopEvent } from './utils';
 
 describe('isElementFocusable', () => {
   const myBtn = () => document.querySelector('button');
@@ -77,3 +77,43 @@ describe('focusFirstFocusableElement', () => {
     expect(document.activeElement).toBe(myInput());
   });
 });
+
+describe('stopEvent', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const event = {
+    preventDefault: jest.fn(),
+    stopPropagation: jest.fn(),
+    stopImmediatePropagation: jest.fn(),
+  };
+
+  it('calls preventDefault and stopPropagation by default', () => {
+    stopEvent(event);
+
+    expect(event.preventDefault).toHaveBeenCalledTimes(1);
+    expect(event.stopPropagation).toHaveBeenCalledTimes(1);
+    expect(event.stopImmediatePropagation).not.toHaveBeenCalled();
+  });
+
+  it('completely stops the event when stopImmediatePropagation is true', () => {
+    stopEvent(event, { stopImmediatePropagation: true });
+
+    expect(event.preventDefault).toHaveBeenCalledTimes(1);
+    expect(event.stopPropagation).toHaveBeenCalledTimes(1);
+    expect(event.stopImmediatePropagation).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls event stop methods set to true', () => {
+    stopEvent(event, {
+      preventDefault: false,
+      stopPropagation: false,
+      stopImmediatePropagation: true,
+    });
+
+    expect(event.preventDefault).not.toHaveBeenCalled();
+    expect(event.stopPropagation).not.toHaveBeenCalled();
+    expect(event.stopImmediatePropagation).toHaveBeenCalledTimes(1);
+  });
+});