import { Nullable, Undefinable } from 'tsdef';

import { ChonkyIconName } from './icons.types';
import { ReactElement } from 'react';

export interface FileData {
  id: string; // (Required) String that uniquely identifies the file
  name: string; // (Required) Full name, e.g. `MyImage.jpg`
  ext?: string; // File extension, e.g. `.jpg`

  isDir?: boolean; // Is a directory, default: false
  isHidden?: boolean; // Is a hidden file, default: false
  isSymlink?: boolean; // Is a symlink, default: false
  isEncrypted?: boolean; // Is encrypted in some way, default: false
  openable?: boolean; // Can be opened, default: true
  selectable?: boolean; // Can be selected, default: true
  renamable?: boolean; // Can be renamed, default: true
  draggable?: boolean; // Can be dragged, default: true
  droppable?: boolean; // Can have files dropped into it, default: true for folders
  dndOpenable?: boolean; // Can be opened by DnD hover, default: true for folders

  size?: number; // File size in bytes
  modDate?: Date | string; // Last change date (or its string representation)
  childrenCount?: number; // Number of files inside of a folder (only for folders)

  // Default preview overriding
  color?: string; // Color to use for this file
  icon?: ChonkyIconName | string | any; // Icon to use for this file
  thumbnailElement?: Nullable<ReactElement>; // Element to use for displaying a thumbnail for this file
  folderChainIcon?: Nullable<ChonkyIconName | string | any>; // Folder chain icon

  [property: string]: any; // Any other user-defined property
}

export type FileArray<FT extends FileData = FileData> = Nullable<FT>[];
export type FileFilter = (file: Nullable<FileData>) => boolean;

export type FileMap<FT extends FileData = FileData> = { [fileId: string]: FT };
export type FileIdTrueMap = { [fileId: string]: Undefinable<true> };