import { atom } from 'recoil';
import {
  TagInfo,
  ComponenterData,
  StateInfo,
  AnimationInfo,
  ViewpointInfo,
  ComponentInfo,
  ComponentDetailInfo,
} from '@easytwin/core';

const BaseName = 'Componenter';

export const _componenterTreeList = atom<ComponentInfo[] | undefined>({
  key: `${BaseName}_TreeList`,
  default: undefined,
});

export const _componenterFilteredTreeList = atom<ComponentInfo[] | undefined>({
  key: `${BaseName}_FilteredTreeList`,
  default: undefined,
});

export const _componenterSearchQuery = atom<{
  name: string;
  tag: TagInfo | undefined;
}>({
  key: `${BaseName}_SearchQuery`,
  default: {
    name: '',
    tag: undefined,
  },
});

export const _componentSelectList = atom<ComponentInfo[]>({
  key: `${BaseName}_SelectList`,
  default: [],
});

export const _componenterRemovedList = atom<ComponentInfo[]>({
  key: `${BaseName}_RemovedList`,
  default: [],
});

export const _currentComponentDetail = atom<ComponentDetailInfo | undefined>({
  key: `${BaseName}_Detail`,
  default: undefined,
});

export const _componentStateList = atom<StateInfo[]>({
  key: `${BaseName}_StateList`,
  default: [],
});

export const _componentStateSelectKey = atom<string | undefined>({
  key: `${BaseName}_StatesSelectKey`,
  default: undefined,
});

export const _componenterAnimationList = atom<AnimationInfo[]>({
  key: `${BaseName}_AnimationList`,
  default: [],
});

export const _componenterAnimationSelectKey = atom<string | undefined>({
  key: `${BaseName}_AnimationsSelectKey`,
  default: undefined,
});

export const _componenterViewpointList = atom<ViewpointInfo[]>({
  key: `${BaseName}_ViewpointList`,
  default: [],
});

export const _componenterViewpointSelectKey = atom<string | undefined>({
  key: `${BaseName}_ViewpointsSelectKey`,
  default: undefined,
});