@lumx/react 3.6.7 → 3.6.8

package/src/utils/focus/getFocusableElements.test.ts

@@ -8,13 +8,13 @@ function htmlToElement(html: string): any {
 
 describe(getFocusableElements.name, () => {
     it('should get empty', () => {
-        const element = htmlToElement(`<div></div>`);
+        const element = htmlToElement('<div></div>');
         const focusable = getFocusableElements(element);
         expect(focusable).toEqual([]);
     });
 
     it('should get single item', () => {
-        const element = htmlToElement(`<div><button /></div>`);
+        const element = htmlToElement('<div><button /></div>');
         const focusable = getFocusableElements(element);
         expect(focusable).toMatchInlineSnapshot(`
             [
@@ -25,7 +25,7 @@ describe(getFocusableElements.name, () => {
 
     describe('match focusable elements', () => {
         it('should match input element', () => {
-            const element = htmlToElement(`<div><input /></div>`);
+            const element = htmlToElement('<div><input /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -35,7 +35,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should match link element', () => {
-            const element = htmlToElement(`<div><a href="#" /></div>`);
+            const element = htmlToElement('<div><a href="#" /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -47,7 +47,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should match textarea element', () => {
-            const element = htmlToElement(`<div><textarea /></div>`);
+            const element = htmlToElement('<div><textarea /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -59,7 +59,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should match element with tabindex', () => {
-            const element = htmlToElement(`<div><span tabindex="0" /></div>`);
+            const element = htmlToElement('<div><span tabindex="0" /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -71,7 +71,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should keep disabled=false', () => {
-            const element = htmlToElement(`<div><button disabled="false" /><button /></div>`);
+            const element = htmlToElement('<div><button disabled="false" /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -84,7 +84,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should keep aria-disabled=false', () => {
-            const element = htmlToElement(`<div><button aria-disabled="false" /><button /></div>`);
+            const element = htmlToElement('<div><button aria-disabled="false" /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -99,7 +99,7 @@ describe(getFocusableElements.name, () => {
 
     describe('skip disabled elements', () => {
         it('should skip disabled', () => {
-            const element = htmlToElement(`<div><button disabled /><button /></div>`);
+            const element = htmlToElement('<div><button disabled /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -109,7 +109,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should skip aria-disabled', () => {
-            const element = htmlToElement(`<div><button aria-disabled /><button /></div>`);
+            const element = htmlToElement('<div><button aria-disabled /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -119,7 +119,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should skip tabindex=-1', () => {
-            const element = htmlToElement(`<div><button tabindex="-1" /><button /></div>`);
+            const element = htmlToElement('<div><button tabindex="-1" /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -129,7 +129,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should skip input type hidden', () => {
-            const element = htmlToElement(`<div><input type="hidden" /><button /></div>`);
+            const element = htmlToElement('<div><input type="hidden" /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [
@@ -139,7 +139,7 @@ describe(getFocusableElements.name, () => {
         });
 
         it('should skip hidden input', () => {
-            const element = htmlToElement(`<div><input hidden /><button /></div>`);
+            const element = htmlToElement('<div><input hidden /><button /></div>');
             const focusable = getFocusableElements(element);
             expect(focusable).toMatchInlineSnapshot(`
                 [

package/src/utils/type.ts

@@ -81,20 +81,24 @@ export type Predicate<T> = (t: T) => boolean;
  * @param  component React function component or the component name
  * @return predicate returning true if value is instance of the component
  */
-export const isComponent = <C>(component: Comp<C, any> | string) => (instance: ReactNode): instance is ReactElement => {
-    const componentName = typeof component === 'string' ? component : component.displayName;
+export const isComponent =
+    <C>(component: Comp<C, any> | string) =>
+    (instance: ReactNode): instance is ReactElement => {
+        const componentName = typeof component === 'string' ? component : component.displayName;
 
-    return (
-        !!get(instance, '$$typeof') &&
-        NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)
-    );
-};
+        return (
+            !!get(instance, '$$typeof') &&
+            NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)
+        );
+    };
 
 /**
  * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.
  */
-export const isComponentType = (type: ReactElement['type']) => (node: ReactNode): node is ReactElement =>
-    React.isValidElement(node) && node.type === type;
+export const isComponentType =
+    (type: ReactElement['type']) =>
+    (node: ReactNode): node is ReactElement =>
+        React.isValidElement(node) && node.type === type;
 
 /**
  * JS falsy values.
@@ -131,7 +135,7 @@ export type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string
 export type ComponentRef<C> = C extends keyof JSX.IntrinsicElements
     ? JSX.IntrinsicElements[C]['ref']
     : C extends Comp<any, infer T>
-    ? React.Ref<T>
-    : C extends React.JSXElementConstructor<{ ref?: infer R }>
-    ? R
-    : never;
+      ? React.Ref<T>
+      : C extends React.JSXElementConstructor<{ ref?: infer R }>
+        ? R
+        : never;

package/src/utils/utils.test.ts

@@ -2,7 +2,7 @@ import partition from 'lodash/partition';
 import { partitionMulti } from './partitionMulti';
 import { isInternetExplorer } from './isInternetExplorer';
 
-describe(`partitionMulti`, () => {
+describe('partitionMulti', () => {
     it('should act like partition for single predicate', () => {
         const data = [0, 1, 2, 3, 4, 5];
         const isEven = (n: number): boolean => n % 2 === 0;
@@ -27,21 +27,21 @@ describe(`partitionMulti`, () => {
     });
 });
 
-describe(`isInternetExplorer`, () => {
+describe('isInternetExplorer', () => {
     it('should detect IE 10', () => {
-        const userAgentIE10 = `Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)`;
+        const userAgentIE10 = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)';
         Object.defineProperty(window.navigator, 'userAgent', { value: userAgentIE10, configurable: true });
         expect(isInternetExplorer()).toEqual(true);
     });
 
     it('should detect IE 11', () => {
-        const userAgentIE11 = `Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko`;
+        const userAgentIE11 = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
         Object.defineProperty(window.navigator, 'userAgent', { value: userAgentIE11, configurable: true });
         expect(isInternetExplorer()).toEqual(true);
     });
 
     it('should not detect IE', () => {
-        const userAgentFirefox = `Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:74.0) Gecko/20100101 Firefox/74.0`;
+        const userAgentFirefox = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:74.0) Gecko/20100101 Firefox/74.0';
         Object.defineProperty(window.navigator, 'userAgent', { value: userAgentFirefox, configurable: true });
         expect(isInternetExplorer()).toEqual(false);
     });