/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { useEffect, useMemo } from "react";
import { useAppDispatch, useAppSelector } from "@hooks/reducerHook";
import SideBarTree from "../../SideBar/SideBarTree/SideBarTree.tsx";
import { customSortBy } from "@utils/Utils.ts";
import type { EnumTypeDefData, Props } from "@models/treeStructureType.ts";
import { fetchRelationshipsData } from "@redux/slice/typeDefSlices/typedefRelationshipsSlice.ts";

const RelationshipsTree = (props: Props) => {
  const { sideBarOpen, searchTerm } = props;
  const dispatch = useAppDispatch();

  const { relationships, loading } = useAppSelector(
    (state: any) => state.relationships
  );

  useEffect(() => {
    dispatch(fetchRelationshipsData());
  }, [dispatch]);

  const relationshipsData = useMemo(() => {
    if (relationships?.relationshipDefs) {
      return relationships.relationshipDefs.map((obj: EnumTypeDefData) => ({
        id: obj.name,
        label: obj.name,
        childrenData: [],
        guid: obj.guid
      }));
    }
    return [];
  }, [relationships]);

  const treeData = useMemo(
    () => customSortBy(relationshipsData, ["label"]),
    [relationshipsData]
  );

  const fetchInitialData = async () => {
    dispatch(fetchRelationshipsData());
  };

  return (
    <SideBarTree
      treeData={treeData}
      treeName={"Relationships"}
      refreshData={fetchInitialData}
      sideBarOpen={sideBarOpen}
      loader={loading}
      searchTerm={searchTerm}
    />
  );
};

export default RelationshipsTree;
