feat: prettier

src/components/ObjectSelect/ObjectSelect.tsx

@@ -1,73 +1,77 @@
-import {Select, SelectProps} from "@mantine/core";
-import {useEffect, useMemo, useState} from "react";
-import {groupBy, omit} from "lodash";
+import { Select, SelectProps } from "@mantine/core";
+import { useEffect, useMemo, useState } from "react";
+import { groupBy, omit } from "lodash";
 
 interface ObjectWithIdAndName {
-    id: number,
-    name: string
+    id: number;
+    name: string;
 }
 
 export type SelectObjectType<T> = T;
 
 type ControlledValueProps<T> = {
-    value: SelectObjectType<T>,
+    value: SelectObjectType<T>;
     onChange: (value: SelectObjectType<T>) => void;
-}
+};
 type CustomLabelAndKeyProps<T> = {
     getLabelFn: (item: SelectObjectType<T>) => string;
     getValueFn: (item: SelectObjectType<T>) => string;
-}
+};
 
 type RestProps<T> = {
-    defaultValue?: SelectObjectType<T>
+    defaultValue?: SelectObjectType<T>;
     onChange: (value: SelectObjectType<T>) => void;
     data: SelectObjectType<T>[];
     groupBy?: (item: SelectObjectType<T>) => string;
     filterBy?: (item: SelectObjectType<T>) => boolean;
 };
 const defaultGetLabelFn = <T extends { name: string }>(item: T): string => {
-
     return item.name;
-}
+};
 
 const defaultGetValueFn = <T extends { id: number }>(item: T): string => {
     if (!item) return item;
     return item.id.toString();
-}
-export type ObjectSelectProps<T> =
-    (RestProps<T> & Partial<ControlledValueProps<T>>)
-    & Omit<SelectProps, 'value' | 'onChange' | 'data'>
-    & (T extends ObjectWithIdAndName ? Partial<CustomLabelAndKeyProps<T>> : CustomLabelAndKeyProps<T>)
+};
+export type ObjectSelectProps<T> = (RestProps<T> &
+    Partial<ControlledValueProps<T>>) &
+    Omit<SelectProps, "value" | "onChange" | "data"> &
+    (T extends ObjectWithIdAndName
+        ? Partial<CustomLabelAndKeyProps<T>>
+        : CustomLabelAndKeyProps<T>);
 
-const ObjectSelect = <T, >(props: ObjectSelectProps<T>) => {
-
-    const isControlled = 'value' in props;
-    const haveGetValueFn = 'getValueFn' in props;
-    const haveGetLabelFn = 'getLabelFn' in props;
-    const [internalValue, setInternalValue] = useState<SelectObjectType<T> | undefined>(props.defaultValue);
+const ObjectSelect = <T,>(props: ObjectSelectProps<T>) => {
+    const isControlled = "value" in props;
+    const haveGetValueFn = "getValueFn" in props;
+    const haveGetLabelFn = "getLabelFn" in props;
+    const [internalValue, setInternalValue] = useState<
+        SelectObjectType<T> | undefined
+    >(props.defaultValue);
 
     const value = isControlled ? props.value : internalValue;
 
-
-    const getValueFn = (haveGetValueFn && props.getValueFn) || defaultGetValueFn;
-    const getLabelFn = (haveGetLabelFn && props.getLabelFn) || defaultGetLabelFn;
+    const getValueFn =
+        (haveGetValueFn && props.getValueFn) || defaultGetValueFn;
+    const getLabelFn =
+        (haveGetLabelFn && props.getLabelFn) || defaultGetLabelFn;
 
     const data = useMemo(() => {
-        const propsData = props.filterBy ? props.data.filter(props.filterBy) : props.data;
+        const propsData = props.filterBy
+            ? props.data.filter(props.filterBy)
+            : props.data;
         if (props.groupBy) {
-
             const groupedData = groupBy(propsData, props.groupBy);
             return Object.entries(groupedData).map(([group, items]) => ({
                 group,
                 items: items.map(item => ({
                     label: getLabelFn(item),
-                    value: getValueFn(item)
-                }))
+                    value: getValueFn(item),
+                })),
             }));
         } else {
             return propsData.map(item => ({
                 label: getLabelFn(item),
-                value: getValueFn(item)
+                value: getValueFn(item),
             }));
         }
     }, [props.data, props.groupBy]);
@@ -81,14 +85,19 @@ const ObjectSelect = <T, >(props: ObjectSelectProps<T>) => {
             return;
         }
         setInternalValue(object);
-    }
+    };
 
     useEffect(() => {
         if (isControlled || !internalValue) return;
         props.onChange(internalValue);
     }, [internalValue]);
 
-    const restProps = omit(props, ['filterBy', 'groupBy', 'getValueFn', 'getLabelFn']);
+    const restProps = omit(props, [
+        "filterBy",
+        "groupBy",
+        "getValueFn",
+        "getLabelFn",
+    ]);
     return (
         <Select
             {...restProps}
@@ -96,7 +105,7 @@ const ObjectSelect = <T, >(props: ObjectSelectProps<T>) => {
             onChange={handleOnChange}
             data={data}
         />
-    )
-}
+    );
+};
 
-export default ObjectSelect;
+export default ObjectSelect;