refactor(common): move SwitchBase to common folder

react95-io · Aug 5, 2022 · 746e9c0 · 746e9c0
1 parent cfe475d
commit 746e9c0
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 16 deletions.
diff --git a/src/Checkbox/Checkbox.tsx b/src/Checkbox/Checkbox.tsx
@@ -3,15 +3,15 @@ import styled, { css } from 'styled-components';
 
 import { createHatchedBackground } from '../common';
 import useControlledOrUncontrolled from '../common/hooks/useControlledOrUncontrolled';
-import { noOp } from '../common/utils';
-import { StyledMenuListItem } from '../MenuList/MenuList';
-import { StyledScrollView } from '../ScrollView/ScrollView';
 import {
   LabelText,
   size,
   StyledInput,
   StyledLabel
-} from '../SwitchBase/SwitchBase';
+} from '../common/SwitchBase';
+import { noOp } from '../common/utils';
+import { StyledMenuListItem } from '../MenuList/MenuList';
+import { StyledScrollView } from '../ScrollView/ScrollView';
 import { CommonThemeProps } from '../types';
 
 type CheckboxProps = {

diff --git a/src/Radio/Radio.tsx b/src/Radio/Radio.tsx
@@ -2,14 +2,14 @@ import React, { forwardRef } from 'react';
 import styled, { css, CSSProperties } from 'styled-components';
 
 import { createFlatBoxStyles } from '../common';
-import { StyledMenuListItem } from '../MenuList/MenuList';
-import { StyledScrollView } from '../ScrollView/ScrollView';
 import {
   LabelText,
   size,
   StyledInput,
   StyledLabel
-} from '../SwitchBase/SwitchBase';
+} from '../common/SwitchBase';
+import { StyledMenuListItem } from '../MenuList/MenuList';
+import { StyledScrollView } from '../ScrollView/ScrollView';
 import { CommonStyledProps } from '../types';
 
 type RadioVariant = 'default' | 'flat' | 'menu';

diff --git a/src/SwitchBase/SwitchBase.ts → src/common/SwitchBase.ts b/src/SwitchBase/SwitchBase.ts → src/common/SwitchBase.ts
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 
-import { createDisabledTextStyles, focusOutline } from '../common';
+import { createDisabledTextStyles, focusOutline } from '.';
 import { StyledMenuListItem } from '../MenuList/MenuList';
 
 export const size = 20;

diff --git a/src/common/hooks/useForkRef.spec.tsx b/src/common/hooks/useForkRef.spec.tsx
@@ -36,10 +36,7 @@ describe('useForkRef', () => {
   });
 
   it('forks if only one of the branches requires a ref', () => {
-    const Component = React.forwardRef<HTMLDivElement>(function Component(
-      _,
-      ref
-    ) {
+    const Component = React.forwardRef<HTMLDivElement>((_, ref) => {
       const [hasRef, setHasRef] = useState(false);
       const handleOwnRef = useCallback(() => setHasRef(true), []);
       const handleRef = useForkRef(handleOwnRef, ref);
@@ -60,10 +57,7 @@ describe('useForkRef', () => {
       children: React.ReactElement;
     };
 
-    const Outer = React.forwardRef<null, OuterProps>(function Outer(
-      props,
-      ref
-    ) {
+    const Outer = React.forwardRef<null, OuterProps>((props, ref) => {
       const { children } = props;
 
       // TODO: Fix this test as reading ref from children is not allowed so not available on React types