Linting and portal

Author: GoldGroove06

src/components/ui/Select/Select.tsx

@@ -1,14 +1,14 @@
-import SelectContent from "./fragments/SelectContent";
-import SelectItem from "./fragments/SelectItem";
-import SelectTrigger from "./fragments/SelectTrigger";
-import SelectRoot from "./fragments/SelectRoot";
+import SelectContent from './fragments/SelectContent';
+import SelectItem from './fragments/SelectItem';
+import SelectTrigger from './fragments/SelectTrigger';
+import SelectRoot from './fragments/SelectRoot';
 // import SelectGroup from "./fragments/SelectGroup";
 // import SelectSeparator from "./fragments/SelectSeparator";
 
 const Select = () => {
     console.warn('Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead.');
     return null;
-}
+};
 
 Select.Root = SelectRoot;
 Select.Content = SelectContent;
@@ -17,4 +17,4 @@ Select.Trigger = SelectTrigger;
 // Select.Group = SelectGroup;
 // Select.Separator = SelectSeparator;
 
-export default Select
+export default Select;

src/components/ui/Select/fragments/SelectContent.tsx

@@ -4,22 +4,20 @@ import { customClassSwitcher } from '~/core/customClassSwitcher';
 
 const COMPONENT_NAME = 'Select';
 
-function SelectContent({ customRootClass, children, position = "popper", ...props }: any) {
+function SelectContent({ customRootClass, children, position = 'popper', ...props }: any) {
     const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
     return (
-        <SelectPrimitive.Content 
-            className={`${rootClass}-content`} 
+        <SelectPrimitive.Content
+            className={`${rootClass}-content`}
             position={position}
             data-position={position}
-            
+
             {...props}
         >
 
-
-            
-                {children}
+            {children}
         </SelectPrimitive.Content>
     );
 }
 
-export default SelectContent;
+export default SelectContent;

src/components/ui/Select/fragments/SelectItem.tsx

@@ -7,9 +7,9 @@ const COMPONENT_NAME = 'Select';
 function SelectItem({ customRootClass, children, value, disabled, ...props }: any) {
     const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
     return (
-        <SelectPrimitive.Item 
-            className={`${rootClass}-item`} 
-            value={value} 
+        <SelectPrimitive.Item
+            className={`${rootClass}-item`}
+            value={value}
             disabled={disabled}
             data-disabled={disabled ? '' : undefined}
             role="option"
@@ -26,4 +26,4 @@ function SelectItem({ customRootClass, children, value, disabled, ...props }: an
     );
 }
 
-export default SelectItem;
+export default SelectItem;

src/components/ui/Select/fragments/SelectRoot.tsx

@@ -1,29 +1,25 @@
 import React, { useState, useCallback } from 'react';
 import SelectPrimitive from '~/core/primitives/Select/Select';
-import {customClassSwitcher} from '~/core/customClassSwitcher';
+import { customClassSwitcher } from '~/core/customClassSwitcher';
 
 const COMPONENT_NAME = 'Select';
 
-
-
 function SelectRoot({ customRootClass, children, defaultValue, value, onValueChange, ...props }: any) {
     const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
-    
-  
-    
+
     return (
-  
-            <SelectPrimitive.Root 
-                className={`${rootClass}-root`}
-                defaultValue={defaultValue}
-                value={value}
-                onValueChange={onValueChange}
-                {...props}
-            >
-                {children}
-            </SelectPrimitive.Root>
- 
+
+        <SelectPrimitive.Root
+            className={`${rootClass}-root`}
+            defaultValue={defaultValue}
+            value={value}
+            onValueChange={onValueChange}
+            {...props}
+        >
+            {children}
+        </SelectPrimitive.Root>
+
     );
 }
 
-export default SelectRoot;
+export default SelectRoot;

src/components/ui/Select/fragments/SelectTrigger.tsx

@@ -7,17 +7,17 @@ const COMPONENT_NAME = 'Select';
 function SelectTrigger({ customRootClass, children, disabled, placeholder, ...props }: any) {
     const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
     return (
-        <SelectPrimitive.Trigger 
-            className={`${rootClass}-trigger`} 
+        <SelectPrimitive.Trigger
+            className={`${rootClass}-trigger`}
             aria-disabled={disabled ? 'true' : undefined}
             data-placeholder={placeholder ? '' : undefined}
             {...props}
         >
-            
-                {children}
-            
+
+            {children}
+
         </SelectPrimitive.Trigger>
     );
 }
 
-export default SelectTrigger;
+export default SelectTrigger;