feat: add types for requests

src/api/experimentApi.ts

@@ -1,5 +1,7 @@
 import {api} from "./config";
 
 export const getAllModelsFn = async () => {
-    const data = await api.get<string, number, boolean>('get/models').then((res) => {}).catch((res) => {})
+    const data = await api.get<string, number, boolean>('get/models').then((res) => {
+    }).catch((res) => {
+    })
 }

src/components/global/Layout/Layout.tsx

@@ -3,7 +3,7 @@ import classes from './Layout.module.scss'
 import {Aside} from "../../ui/Aside/Aside";
 import {Header} from "../../ui/Header/Header";
 import {Filters} from "../../ui/Filters/Filters";
-import {Outlet} from "@tanstack/react-router";
+import {ExperimentPopup} from "../../popups/ExperimentPopup/ExperimentPopup";
 // import {ExperimentPopup} from "../../popups/ExperimentPopup/ExperimentPopup";
 
 interface LayoutProps {
@@ -27,7 +27,8 @@ export const Layout: FC<PropsWithChildren<LayoutProps>> = () => {
                         {!path.current.includes('/experiment') && (
                             <Filters />
                         )}
-                        <Outlet />
+                        <ExperimentPopup />
+                        {/*<Outlet />*/}
                     </div>
                 </main>
             </div>

src/components/icons/LogOutIcon.tsx

@@ -1,4 +1,3 @@
-import classes from './LogOutIcon.module.scss'
 import {FC, PropsWithChildren} from "react"
 
 interface LogOutIconProps {

src/components/pages/Experiment/Experiment.tsx

@@ -8,7 +8,7 @@ interface ExperimentProps {
 
 }
 
-export const Experiment: FC<PropsWithChildren<ExperimentProps>> = ({}) => {
+export const Experiment: FC<PropsWithChildren<ExperimentProps>> = () => {
 
 
     return (

src/components/popups/ExperimentPopup/ExperimentPopup.tsx

@@ -9,7 +9,6 @@ import {ColumnType} from "../../../types/DNDTypes";
 import {v4} from 'uuid'
 
 interface ExperimentPopupProps {
-    className?: string
 }
 
 export const ExperimentPopup: FC<PropsWithChildren<ExperimentPopupProps>> = () => {
@@ -80,6 +79,7 @@ export const ExperimentPopup: FC<PropsWithChildren<ExperimentPopupProps>> = () =
         const root = document.documentElement
         root.style.setProperty('--right-width', (wrapperRef.current.offsetWidth / 4) + 'px')
         setRightColWidth(wrapperRef.current.offsetWidth / 4)
+        // eslint-disable-next-line
     }, [wrapperRef.current]);
 
     return (

src/components/ui/Charts/BarChart/BarChart.tsx

@@ -13,7 +13,7 @@ ChartJS.register(
     BarElement
 )
 
-export const BarChart: FC<PropsWithChildren<BarChartProps>> = ({}) => {
+export const BarChart: FC<PropsWithChildren<BarChartProps>> = () => {
 
     const data = {
         labels: ["red", "blue", "yellow", "green", "purple", "orange"],

src/components/ui/Charts/LineChart/LineChart.tsx

@@ -15,7 +15,7 @@ ChartJS.register(
 )
 
 
-export const LineChart: FC<PropsWithChildren<LineChartProps>> = ({}) => {
+export const LineChart: FC<PropsWithChildren<LineChartProps>> = () => {
 
     const data = {
         labels: ["red", "blue", "yellow", "green", "purple", "orange"],

src/components/ui/Charts/PieChart/PieChart.tsx

@@ -1,5 +1,5 @@
 import {FC, PropsWithChildren} from "react"
-import {Bar, Doughnut} from "react-chartjs-2";
+import {Doughnut} from "react-chartjs-2";
 import {Chart as ChartJS, ArcElement, Tooltip, Legend} from "chart.js";
 
 interface PieChartProps {
@@ -11,7 +11,7 @@ ChartJS.register(
     ArcElement
 )
 
-export const PieChart: FC<PropsWithChildren<PieChartProps>> = ({}) => {
+export const PieChart: FC<PropsWithChildren<PieChartProps>> = () => {
 
     const data = {
         labels: ["red", "blue", "yellow", "green", "purple", "orange"],

src/components/ui/Filters/Filters.tsx

@@ -77,6 +77,7 @@ export const Filters: FC<PropsWithChildren<FiltersProps>> = () => {
                 return prev
             })
         }
+        // eslint-disable-next-line
     }, [filtersData.period]);
 
     useEffect(() => {
@@ -87,12 +88,14 @@ export const Filters: FC<PropsWithChildren<FiltersProps>> = () => {
         })
 
         fillRangeSelect(period.value)
+        // eslint-disable-next-line
     }, []);
 
     useEffect(() => {
         const period = filtersData.period.value
 
         fillRangeSelect(period)
+        // eslint-disable-next-line
     }, [filtersData.period])
 
     return (

src/components/ui/Header/Header.tsx

@@ -1,7 +1,6 @@
 import {FC, PropsWithChildren, useLayoutEffect, useState} from "react"
 import classes from './Header.module.scss'
 import {CalendarIcon} from "../../icons/CalendarIcon";
-import {LogOutIcon} from "../../icons/LogOutIcon";
 import {DateHelper} from "../../../utils/dateHelper";
 
 interface HeaderProps {

src/hooks/useClickOutside.ts

@@ -12,5 +12,6 @@ export const useClickOutside = <T extends HTMLElement>(ref: RefObject<T>, cb: ()
         return () => {
             document.removeEventListener("mousedown", handleClickOutside);
         };
+        // eslint-disable-next-line
     }, [ref]);
 }

src/types/metaModelTypes/FirstFileTypes.ts

@@ -0,0 +1,33 @@
+import {ModelNameType} from "./GeneralTypes";
+import {AlgNameType} from "./ThirdFileTypes";
+
+export type FirstFileTypes = {
+    type: MetaModelType[]
+}
+
+type MetaModelType = {
+    name: string,
+    description: string,
+    inputParameters: inputParametersType,
+    outputParameters?: outputParametersType,
+}
+
+type inputParametersType = {
+    modelName: ModelNameType,
+    featuresHeader?: ModelNameType,
+    hyperparameters?: ModelNameType,
+    providerName: ModelNameType,
+    algName: AlgNameType,
+
+    outputParameters: outputParametersType,
+
+    features?: null,
+    labels?: null,
+    encoderFeatures?: null,
+    encoderLabels?: null,
+    scalers?: null,
+}
+
+type outputParametersType = {
+    modelId: ModelNameType
+}

src/types/metaModelTypes/GeneralTypes.ts

@@ -0,0 +1,53 @@
+import {AlgNameType} from "./ThirdFileTypes";
+
+export type OptionsType = {
+    hasDynamicData: boolean,
+    dependsOn: null | string[] | [],
+    data: string[] | null | DataType[],
+}
+
+type DataType = {
+    name: string,
+    value: string,
+}
+
+export type TypesT = {
+    typeName: string | null,
+    minValue?: number | null,
+    maxValue?: number | null,
+    includeMin?: boolean,
+    includeMax?: boolean,
+    options?: OptionsType
+    itemTypes?: ItemTypes,
+    dependsOn?: null | string[],
+    // ???
+    itemType?: {} | ItemType,
+    data?: DataType[],
+}
+
+export type ItemTypes = {
+    name: ModelNameType,
+    type?: ModelNameType,
+    value: ModelNameType,
+}
+
+export type ModelNameType = {
+    name: string,
+    description: string,
+    required?: boolean,
+    type: TypesT,
+    providerName?: providerNameType,
+    algName: AlgNameType,
+}
+
+type providerNameType = {
+    name: string,
+    description: string,
+    required?: boolean,
+    type: TypesT,
+}
+
+type ItemType = {
+    typeName: string,
+    ItemTypes: ItemTypes
+}

src/types/metaModelTypes/SecondFileTypes.ts

@@ -0,0 +1,7 @@
+import {TypesT} from "./GeneralTypes";
+
+export type ModelTypes = ModelTypesInside[];
+
+type ModelTypesInside = {
+    type: TypesT
+}

src/types/metaModelTypes/ThirdFileTypes.ts

@@ -0,0 +1,10 @@
+import {TypesT} from "./GeneralTypes";
+
+export type AlgNameType = {
+    algName: {
+        name: string,
+        description: string,
+        required: boolean,
+        type: TypesT,
+    }
+}