import type { CSSProperties } from '@vue/runtime-dom'

import {
  type BaseType,
  type BaseVersion,
  type ColumnType,
  type FilterType,
  type MetaType,
  type PaginatedType,
  type PermissionEntity,
  type PermissionKey,
  type ProjectRoles,
  type PublicAttachmentScope,
  type Roles,
  type RolesObj,
  type TableType,
  type UITypes,
  type UserType,
  type ViewType,
  type ViewTypes,
} from 'nocodb-sdk'
import type { Composer, I18n } from 'vue-i18n'
import type { Theme as AntTheme } from 'ant-design-vue/es/config-provider'
import type { UploadFile } from 'ant-design-vue'
import type { TooltipPlacement } from 'ant-design-vue/lib/tooltip'
import type { ImageWindowLoader } from '../components/smartsheet/grid/canvas/loaders/ImageLoader'
import type { MarkdownLoader } from '../components/smartsheet/grid/canvas/loaders/markdownLoader'
import type { SpriteLoader } from '../components/smartsheet/grid/canvas/loaders/SpriteLoader'
import type { ActionManager } from '../components/smartsheet/grid/canvas/loaders/ActionManager'
import type { TableMetaLoader } from '../components/smartsheet/grid/canvas/loaders/TableMetaLoader'
import type { UseDetachedLongTextProps } from '../components/smartsheet/grid/canvas/composables/useDetachedLongText'
import type { BaseRoleLoader } from '../components/smartsheet/grid/canvas/loaders/BaseRoleLoader'
import type { AuditLogsDateRange, ImportSource, ImportType, PreFilledMode, TabType } from './enums'
import type { rolePermissions } from './acl'
import type Record from '~icons/*'

export interface SchemaField {
  name: string
  type: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'enum'
  description?: string
  items?: SchemaField
  properties?: SchemaField[]
  enum?: string[]
  required?: boolean
}

interface User {
  id: string
  email: string
  firstname: string | null
  lastname: string | null
  roles: RolesObj
  base_roles: RolesObj
  workspace_roles: RolesObj
  invite_token?: string
  base_id?: string
  display_name?: string | null
  featureFlags?: Record<string, boolean>
  meta?: MetaType
}

interface ProjectMetaInfo {
  Node?: string
  Arch?: string
  Platform?: string
  Docker?: boolean
  Database?: string
  ProjectOnRootDB?: boolean
  RootDB?: string
  PackageVersion?: string
}

interface Field {
  order: number
  show: number | boolean
  bold: boolean | number
  italic: boolean | number
  underline: boolean | number
  title: string
  fk_column_id?: string
  system?: boolean
  isViewEssentialField?: boolean
  initialShow?: boolean
}

type Filter = FilterType & {
  field?: string
  status?: 'update' | 'delete' | 'create'
  parentId?: string
  readOnly?: boolean
}

type NocoI18n = I18n<Record<string, unknown>, Record<string, unknown>, Record<string, unknown>, string, false>

interface ThemeConfig extends AntTheme {
  primaryColor: string
  accentColor: string
}

interface RowMetaRowColorInfo {
  rowBgColor?: string | null
  rowLeftBorderColor?: string | null
  rowHoverColor?: string | null
  rowBorderColor?: string | null
  is_set_as_background?: boolean
}

interface Row {
  row: Record<string, any>
  oldRow: Record<string, any>
  rowMeta: {
    // Used in InfiniteScroll Grid View
    isLastRow?: number
    rowIndex?: number
    isLoading?: boolean
    isValidationFailed?: boolean
    isRowOrderUpdated?: boolean
    isGroupChanged?: boolean
    changedGroupIndex?: number
    isDragging?: boolean
    rowProgress?: {
      message: string
      progress: number
    }
    path?: Array<number> | null

    new?: boolean
    selected?: boolean
    commentCount?: number
    changed?: boolean
    saving?: boolean
    ltarState?: Record<string, Record<string, any> | Record<string, any>[] | null>
    fromExpandedForm?: boolean
    // use in datetime picker component
    isUpdatedFromCopyNPaste?: Record<string, boolean>
    // Used in Calendar view
    style?: Partial<CSSStyleDeclaration>
    range?: {
      fk_from_col: ColumnType
      fk_to_col: ColumnType | null
      is_readonly?: boolean
    }
    id?: string
    position?: string
    dayIndex?: number
    overLapIteration?: number
    numberOfOverlaps?: number
    minutes?: number
    recordIndex?: number // For week spanning records in month view
    maxSpanning?: number
  } & RowMetaRowColorInfo
}

interface Attachment {
  url: string
}

interface CalendarRangeType {
  fk_from_column_id: string
  fk_to_column_id: string | null
}

type RolePermissions = Omit<typeof rolePermissions, 'guest' | 'admin' | 'super'>

type GetKeys<T> = T extends Record<any, Record<infer Key, boolean>> ? Key : never

type Permission<K extends keyof RolePermissions = keyof RolePermissions> = RolePermissions[K] extends Record<any, any>
  ? GetKeys<RolePermissions[K]>
  : never

interface TabItem {
  type: TabType
  title: string
  id?: string
  viewTitle?: string
  viewId?: string
  sortsState?: Map<string, any>
  filterState?: Map<string, any>
  meta?: MetaType
  tabMeta?: any
  baseId?: string
}

interface SharedViewMeta extends Record<string, any> {
  surveyMode?: boolean
  transitionDuration?: number // in ms
  withTheme?: boolean
  theme?: Partial<ThemeConfig>
  allowCSVDownload?: boolean
  rtl?: boolean
  preFillEnabled?: boolean
  preFilledMode?: PreFilledMode
}

interface SharedView {
  uuid?: string
  id: string
  password?: string
  type?: ViewTypes
  meta: SharedViewMeta
}

type importFileList = (UploadFile & { data: string | ArrayBuffer; encoding?: string })[]

type streamImportFileList = (UploadFile & { encoding?: string })[]

type Nullable<T> = { [K in keyof T]: T[K] | null }

/**
 * @description: Base type for frontend
 */
type NcProject = BaseType & {
  /**
   * When base is expanded in sidebar
   * */
  isExpanded?: boolean
  /**
   * When base's content is being fetched i.e tables, views, etc
   */
  isLoading?: boolean
  temp_title?: string
  edit?: boolean
  starred?: boolean
  uuid?: string
  users?: User[]
  default_role?: ProjectRoles | string
  version?: BaseVersion
  // Managed App fields
  managed_app_master?: boolean
  managed_app_id?: string
  managed_app_version_id?: string
  auto_update?: boolean
  managed_app_schema_locked?: boolean
}

interface UndoRedoAction {
  undo: { fn: Function; args: any[] }
  redo: { fn: Function; args: any[] }
  scope?: { key: string; param: string | string[] }[]
}

interface ImportWorkerPayload {
  importType: ImportType
  importSource: ImportSource
  value: any
  config: Record<string, any>
  existingColumns?: ColumnType[]
}

interface Group {
  key: string
  column: ColumnType
  color: string
  count: number
  nestedIn: GroupNestedIn[]
  paginationData: PaginatedType
  nested: boolean
  children?: Group[]
  aggregations: Record<string, any>
  rows?: Row[]
  root?: boolean
  displayValueProp?: string
}

interface GroupNestedIn {
  title: string
  column_name: string
  key: string
  column_uidt: string
  column_id: string
  groupIndex?: number
}

interface Users {
  emails?: string
  role: Roles
  invitationToken?: string
}

type ProjectPageType = 'overview' | 'collaborator' | 'data-source' | 'base-settings' | 'syncs' | 'permissions' | 'audits'

type ViewPageType = 'view' | 'webhook' | 'api' | 'field' | 'relation' | 'permissions'

type NcButtonSize = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'xs'

interface SidebarTableNode extends TableType {
  isMetaLoading?: boolean
  isViewsLoading?: boolean
  views: ViewType[]
}

interface UsersSortType {
  field?: 'email' | 'roles' | 'title' | 'id' | 'memberCount' | 'baseCount' | 'workspaceCount' | 'created_at'
  direction?: 'asc' | 'desc'
}

type CommandPaletteType = 'cmd-k' | 'cmd-j' | 'cmd-l'

interface FormFieldsLimitOptionsType {
  id: string
  order: number
  show: boolean
}

interface ImageCropperConfig {
  stencilProps?: {
    aspectRatio?: number
    /**
     * It can be used to force the cropper fills all visible area by default:
     * @default true
     */
    fillDefault?: boolean
    circlePreview?: boolean
  }
  minHeight?: number
  minWidth?: number
  imageRestriction?: 'fill-area' | 'fit-area' | 'stencil' | 'none'
}

interface ImageCropperProps {
  imageConfig: {
    src: string
    type: string
    name: string
  }
  cropperConfig: ImageCropperConfig
  uploadConfig?: {
    path?: string
    scope?: PublicAttachmentScope
    // filesize in bytes
    maxFileSize?: number
  }
  showCropper: boolean
}

interface AuditLogsQuery {
  type?: string[]
  workspaceId?: string
  baseId?: string
  sourceId?: string
  user?: string
  startDate?: string
  endDate?: string
  dateRange?: AuditLogsDateRange
  dateRangeLabel?: string
  orderBy: {
    created_at?: 'asc' | 'desc'
    user?: 'asc' | 'desc'
  }
}

interface NcTableColumnProps<T extends object = Record<string, any>> {
  key: 'name' | 'action' | string
  // title is column header cell value and we can also pass i18n value as this is just used to render in UI
  title: string
  // minWidth is required to fix overflow col issue
  minWidth: number
  // provide width if we want col to be fixed width or provide basis value
  width?: number
  basis?: CSSProperties['flex-basis']
  padding?: CSSProperties['padding']
  align?: 'items-center' | 'items-start' | 'items-end'
  justify?: 'justify-center' | 'justify-start' | 'justify-end'
  showOrderBy?: boolean
  // dataIndex is used as key to extract data from row object
  dataIndex?: keyof T | (string & Record<never, never>)
  // name can be used as value, which will be used to display in header if title is absent and in data-test-id
  name?: string
  format?: (value: any, record: T) => any
  bodyCellClassName?: string
  headerCellClassName?: string
  [key: string]: any
}

interface ProductFeedItem {
  Id: string
  Title: string
  Description: string
  ['Feed Source']: 'Youtube' | 'Github' | 'All' | 'Cloud'
  Url: string
  Tags?: string
  ['Published Time']: string
  Image?: string | null
}

type SordDirectionType = 'asc' | 'desc' | undefined

type NestedArray<T> = T | NestedArray<T>[]

interface ViewActionState {
  viewProgress: {
    progress: number
    message?: string
  } | null
  rowProgress: Map<
    string,
    {
      progress: number
      message?: string
    }
  >
  cellProgress: Map<
    string,
    Map<
      string,
      {
        progress: number
        message?: string
        icon?: keyof typeof iconMap
      }
    >
  >
}

interface CellRendererOptions {
  value: any
  row: any
  pk: any
  column: ColumnType
  relatedColObj?: ColumnType
  relatedTableMeta?: TableType
  meta?: TableType
  metas?: { [idOrTitle: string]: TableType | any }
  baseRoles?: Record<string, any>
  x: number
  y: number
  width: number
  height: number
  selected: boolean
  pv?: boolean
  readonly?: boolean
  imageLoader: ImageWindowLoader
  markdownLoader: MarkdownLoader
  spriteLoader: SpriteLoader
  actionManager: ActionManager
  tableMetaLoader: TableMetaLoader
  baseRoleLoader: BaseRoleLoader
  isMysql: (sourceId?: string) => boolean
  isXcdbBase: (sourceId?: string) => boolean
  isPg: (sourceId?: string) => boolean
  t: Composer['t']
  padding: number
  renderCell: (ctx: CanvasRenderingContext2D, column: any, options: CellRendererOptions) => void
  isUnderLookup?: boolean
  tag?: {
    renderAsTag?: boolean
    tagPaddingX?: number
    tagPaddingY?: number
    tagHeight?: number
    tagRadius?: number
    tagBgColor?: string
    tagSpacing?: number
    tagBorderColor?: string
    tagBorderWidth?: number
  }
  disabled?: {
    isInvalid: boolean
    tooltip?: string
  }
  fontSize?: number
  textAlign?: 'left' | 'right' | 'center' | 'start' | 'end'
  textColor?: string
  mousePosition: {
    x: number
    y: number
  }
  sqlUis?: Record<string, any>
  skipRender?: boolean
  setCursor: SetCursorType
  getColor: GetColorType
  isDark?: boolean
  cellRenderStore: CellRenderStore
  baseUsers?: (Partial<UserType> | Partial<User>)[]
  user?: Partial<UserType> | Partial<User>
  formula?: boolean
  isPublic?: boolean
  path?: Array<number>
  renderAsPlainCell?: boolean
  fontFamily?: string
  isRowHovered?: boolean
  isRowChecked?: boolean
  isRowCellSelected?: boolean
  isCellInSelectionRange?: boolean
  isGroupHeader?: boolean
  rowMeta?: Row['rowMeta']
  allowLocalUrl?: boolean
  /**
   * `isRootCell` is used to determine if the cell is the root cell of the row or nested cell
   * This is used in row colouring
   */
  isRootCell?: boolean
}

interface CellRenderStore {
  x?: number
  y?: number
  width?: number
  height?: number
  links?: { x: number; y: number; width: number; height: number; url: string }[]
  ratingChanged?: {
    value: number
    hoverValue: number
  }
  ltar?: { oldX?: number; oldY?: number; x?: number; y?: number; width?: number; height?: number; value?: any }[]
  [key: string]: any
}

type CursorType = CSSProperties['cursor']

type SetCursorType = (cursor: CursorType, customCondition?: (prevValue: CursorType) => boolean) => void

type GetColorType = (
  cssVariableValue: string,
  darkCssVariableValue?: string,
  opacity?: number,
  options?: { bypass?: boolean },
) => string

type MakeCellEditableFn = (row: Row, clickedColumn: CanvasGridColumn, showEditCellRestrictionTooltip?: boolean) => void

interface CellRenderFn {
  (ctx: CanvasRenderingContext2D, options: CellRendererOptions): void | { x?: number; y?: number; nextLine?: boolean }
}

interface CellRenderer {
  render: CellRenderFn
  renderEmpty?: CellRenderFn
  handleClick?: (options: {
    event: MouseEvent
    mousePosition: { x: number; y: number }
    value: any
    column: CanvasGridColumn
    row: Row
    pk: any
    path: Array<number>
    readonly: boolean
    isDoubleClick: boolean
    getCellPosition: (column: CanvasGridColumn, rowIndex: number) => { width: number; height: number; x: number; y: number }
    updateOrSaveRow: (
      row: Row,
      property?: string,
      ltarState?: Record<string, any>,
      args?: { metaValue?: TableType; viewMetaValue?: ViewType },
      beforeRow?: string,
      path?: Array<number>,
    ) => Promise<any>
    actionManager: ActionManager
    makeCellEditable: MakeCellEditableFn
    selected: boolean
    imageLoader: ImageWindowLoader
    markdownLoader: MarkdownLoader
    cellRenderStore: CellRenderStore
    isPublic?: boolean
    openDetachedExpandedForm: (props: UseExpandedFormDetachedProps) => void
    openDetachedLongText: (props: UseDetachedLongTextProps) => void
    formula?: boolean
    allowLocalUrl?: boolean
    t: Composer['t']
    getColor: GetColorType
  }) => Promise<boolean>
  handleKeyDown?: (options: {
    e: KeyboardEvent
    row: Row
    column: CanvasGridColumn
    value: any
    pk: any
    readonly: boolean
    path: Array<number>
    updateOrSaveRow: (
      row: Row,
      property?: string,
      ltarState?: Record<string, any>,
      args?: { metaValue?: TableType; viewMetaValue?: ViewType },
      beforeRow?: string,
      path?: Array<number>,
    ) => Promise<any>
    actionManager: ActionManager
    markdownLoader: MarkdownLoader
    makeCellEditable: MakeCellEditableFn
    cellRenderStore: CellRenderStore
    openDetachedLongText: (props: UseDetachedLongTextProps) => void
    allowLocalUrl?: boolean
    t: Composer['t']
  }) => Promise<boolean | void>
  handleHover?: (options: {
    event: MouseEvent
    mousePosition: { x: number; y: number }
    value: any
    column: CanvasGridColumn
    row: Row
    pk: any
    getCellPosition: (column: CanvasGridColumn, rowIndex: number) => { width: number; height: number; x: number; y: number }
    updateOrSaveRow?: (
      row: Row,
      property?: string,
      ltarState?: Record<string, any>,
      args?: { metaValue?: TableType; viewMetaValue?: ViewType },
      beforeRow?: string,
      path?: Array<number>,
    ) => Promise<any>
    actionManager: ActionManager
    makeCellEditable: MakeCellEditableFn
    selected: boolean
    imageLoader: ImageWindowLoader
    markdownLoader: MarkdownLoader
    cellRenderStore: CellRenderStore
    setCursor: SetCursorType
    path: Array<number>
    baseUsers?: (Partial<UserType> | Partial<User>)[]
    t: Composer['t']
  }) => Promise<void>
  [key: string]: any
}

interface FillHandlerPosition {
  x: number
  y: number
  size: number
  fixedCol: boolean
}

interface CanvasGridColumn {
  id: string
  grid_column_id: string
  title: string
  width: string
  uidt: keyof typeof UITypes | null
  fixed: boolean
  virtual?: boolean
  pv: boolean
  columnObj: ColumnType & {
    extra?: any | never
  }
  readonly: boolean
  isCellEditable?: boolean
  isSyncedColumn?: boolean
  aggregation: string
  agg_fn: string
  agg_prefix: string
  relatedColObj?: ColumnType
  relatedTableMeta?: TableType
  isInvalidColumn?: {
    isInvalid: boolean
    tooltip: string
    ignoreTooltip?: boolean
  }
  abstractType: any
}

interface ParsePlainCellValueProps {
  value: any
  params: {
    col: ColumnType
    abstractType: unknown
    meta: TableType
    metas: { [idOrTitle: string]: TableType | any }
    baseUsers?: Map<string, User[]>
    isMysql: (sourceId?: string) => boolean
    isXcdbBase: (sourceId?: string) => boolean
    t: Composer['t']
    isUnderLookup?: boolean
  }
}

type CanvasEditEnabledType = {
  rowIndex: number
  column: ColumnType
  row: Row
  x: number
  y: number
  width: number
  minHeight: number
  height: number | string
  fixed: boolean
  path: Array<number>
  isCellEditable?: boolean
} | null

type CanvasCellEventDataInjType = ExtractInjectedReactive<typeof CanvasCellEventDataInj>

interface CanvasGroup {
  groupIndex?: number
  column: ColumnType
  groups: Map<number, CanvasGroup>
  chunkStates: Array<'loading' | 'loaded' | undefined>
  count: number
  isExpanded: boolean
  value: any
  displayValueProp?: string
  relatedTableMeta?: TableType
  relatedColumn?: ColumnType
  color: string
  groupCount?: number
  path?: Array<number>
  nestedIn: GroupNestedIn[]
  aggregations: Record<string, any>
}

interface CloudFeaturesType {
  'Id'?: number
  'Title'?: string
  'Highlight'?: boolean
  'Coming Soon'?: boolean
}

type CanvasScrollToCellFn = (row?: number, column?: number, path?: Array<number>, horizontalScroll?: boolean) => void

interface RowColouringEvaluatedResultType {
  is_set_as_background: boolean
  color: string
  hoverColor: string | null
  rawColor: string | undefined
  borderColor: string | null
}

interface PermissionConfig {
  entity: PermissionEntity
  entityId: string
  entityTitle?: string
  permission: PermissionKey
  disabled?: boolean
  tooltip?: string
}

interface PermissionSelectorUser {
  id: string
  email?: string
  display_name?: string | null
  type?: 'user' | 'team'
}

// NcList type starts here

type MultiSelectRawValueType = Array<string | number>

type RawValueType = string | number | MultiSelectRawValueType

interface NcListItemType {
  value?: RawValueType
  label?: string
  ncItemDisabled?: boolean
  ncItemTooltip?: string
  /**
   * If the item is a group header, this will be the title of the group
   */
  ncGroupHeader?: boolean
  /**
   * If the list has groups then we need to add `ncGroupHeaderLabel` in each item, will he user in sorting and filtering the list
   */
  ncGroupHeaderLabel?: string
  [key: string]: any
}

interface NcListSearchBasisOptionType {
  /**
   * The search basis info to use for the list.
   * This will tell user that the search is based on this property.
   */
  searchBasisInfo: string
  /**
   * The filter callback to use for the list.
   */
  filterCallback: (input: string, option: NcListItemType, index: Number) => boolean
}

/**
 * Props interface for the List component
 */
interface NcListProps {
  /** The currently selected value */
  value: RawValueType
  /** The list of items to display */
  list: NcListItemType[]
  /**
   * The order of the groups in the list, this will be used to sort the groups in the list
   * @example
   * ```ts
   * const groupOrder = ['Group 1', 'Group 2', 'Group 3']
   * ```
   */
  groupOrder?: string[]

  /**
   * The key to use for accessing the value from a list item
   * @default 'value'
   */
  optionValueKey?: string
  /**
   * The key to use for accessing the label from a list item
   * @default 'label'
   */
  optionLabelKey?: string
  /** Whether the list is open or closed */
  open?: boolean
  /**
   * Whether to close the list after an item is selected
   * @default true
   */
  closeOnSelect?: boolean
  /** Placeholder text for the search input */
  searchInputPlaceholder?: string
  /** Show search input box always */
  showSearchAlways?: boolean
  /** Whether to show the currently selected option */
  showSelectedOption?: boolean
  /**
   * The height of each item in the list, used for virtual list rendering.
   * @default 38
   */
  itemHeight?: number
  /**
   * The height of the group header in the list
   * @default 28
   */
  groupHeaderHeight?: number
  variant?: 'default' | 'small' | 'medium'
  /** Custom filter function for list items */
  filterOption?: (input: string, option: NcListItemType, index: Number) => boolean
  /**
   * Indicates whether the component allows multiple selections.
   */
  isMultiSelect?: boolean
  /**
   * The minimum number of items required in the list to enable search functionality.
   */
  minItemsForSearch?: number
  /**
   * Whether the list is locked and cannot be interacted with
   */
  isLocked?: boolean

  /**
   * Whether input should have border
   */
  inputBordered?: boolean

  listWrapperClassName?: string

  containerClassName?: string

  wrapperClassName?: string

  itemClassName?: string

  groupHeaderClassName?: string

  itemTooltipPlacement?: TooltipPlacement

  /**
   * Whether to hide the top divider
   */
  hideTopDivider?: boolean

  emptyDescription?: string

  /**
   * This will remove side padding and rounded corners from the list item
   */
  itemFullWidth?: boolean

  /**
   * Whether to stop propagation on item click
   */
  stopPropagationOnItemClick?: boolean

  /**
   * @Info - This will be used only if search result not found based on default search method.
   *
   * - With the help of search basis we can search list items based on different fields properties which are not visible for user.
   * - Also we will show this info to user in tooltip.
   *
   * @example
   * ```ts
   * const searchBasisOptions: NcListSearchBasisOptionType[] = [
   *  {
   *    searchBasisInfo: t('msg.info.matchedByButtonLabel'),
   *    filterCallback: (query, option) => {
   *      if (!option) return false
   *
   *      const column = option as ColumnType
   *
   *      return isButton(column) && searchCompare([(column.colOptions as ButtonType)?.label], query)
   *    },
   *  },
   *  {
   *    searchBasisInfo: t('msg.info.matchedByFieldDescription'),
   *    filterCallback: (query, option) => {
   *      if (!option) return false
   *
   *      const column = option as ColumnType
   *
   *      if (!column.description) return false
   *
   *      return searchCompare([column.description], query)
   *    },
   *  }
   * ]
   * ```
   */
  searchBasisOptions?: NcListSearchBasisOptionType[]

  /**
   * @default default
   */
  theme?: 'default' | 'ai'
}

// NcList type ends here

type NcDropdownPlacement =
  | 'bottom'
  | 'top'
  | 'bottomLeft'
  | 'bottomRight'
  | 'topLeft'
  | 'topRight'
  | 'topCenter'
  | 'bottomCenter'
  | 'right'

interface CreateViewForm {
  title: string
  type: ViewTypes
  description?: string
  copy_from_id: string | null
  // for kanban view only
  fk_grp_col_id: string | null
  fk_geo_data_col_id: string | null
  // for calendar view only
  calendar_range: Array<{
    fk_from_column_id: string
    fk_to_column_id: string | null // for ee only
  }>
  fk_cover_image_col_id: string | null | undefined
}

// NcClipboardDataType type starts here
type NcClipboardDataType = Record<string, NcClipboardDataItemType>

interface NcClipboardDataItemType {
  /**
   * Unique clipboard item id
   */
  id: string
  workspaceId?: string
  tableId?: string
  rowIds: string[]
  copiedPlainText: string
  copiedHtml?: string
  dbCellValueArr: Array<any[]>
  columns: Partial<ColumnType>[]
}

// NcClipboardDataType type ends here

interface AttachmentCellDropOverType {
  rowIndex: number
  colIndex: number
  columnId: string
  path: Array<number>
}

interface GroupKeysStorage {
  [viewId: string]: {
    keys: Array<string>
    lastAccessed: number // timestamp
  }
}

interface OAuthAuthorization {
  id: string
  client_id: string
  client_name: string
  client_description?: string
  client_uri?: string
  logo_uri?: {
    url?: string
    signedUrl?: string
    path?: string
    title?: string
    mimetype?: string
    size?: number
  }
  scope?: string
  granted_resources?: {
    workspace_id?: string
    base_id?: string
  }
  created_at: string
  last_used_at?: string
}

interface SupportedDocsType {
  title: string
  href: string
}

interface TeamType {
  id: string
  title: string
  description?: string
  created_by: string
  owners: string[]
  members: string[]
  created_at: string
  updated_at: string
  meta: MetaType
}

export type {
  User,
  ProjectMetaInfo,
  Field,
  Filter,
  NocoI18n,
  ThemeConfig,
  RowMetaRowColorInfo,
  Row,
  RolePermissions,
  Permission,
  TabItem,
  SharedView,
  SharedViewMeta,
  importFileList,
  streamImportFileList,
  Nullable,
  NcProject,
  UndoRedoAction,
  ImportWorkerPayload,
  Group,
  GroupNestedIn,
  Users,
  ProjectPageType,
  ViewPageType,
  NcButtonSize,
  SidebarTableNode,
  UsersSortType,
  CommandPaletteType,
  CalendarRangeType,
  FormFieldsLimitOptionsType,
  ImageCropperConfig,
  ImageCropperProps,
  AuditLogsQuery,
  NcTableColumnProps,
  SordDirectionType,
  ProductFeedItem,
  Attachment,
  NestedArray,
  ViewActionState,
  CellRenderFn,
  CellRenderer,
  CellRendererOptions,
  CellRenderStore,
  CanvasGridColumn,
  FillHandlerPosition,
  ParsePlainCellValueProps,
  CanvasEditEnabledType,
  SetCursorType,
  GetColorType,
  CursorType,
  CanvasCellEventDataInjType,
  CanvasGroup,
  CloudFeaturesType,
  CanvasScrollToCellFn,
  RowColouringEvaluatedResultType,
  PermissionConfig,
  PermissionSelectorUser,
  NcListProps,
  NcListItemType,
  NcListSearchBasisOptionType,
  MultiSelectRawValueType,
  RawValueType,
  NcDropdownPlacement,
  MakeCellEditableFn,
  CreateViewForm,
  NcClipboardDataType,
  NcClipboardDataItemType,
  AttachmentCellDropOverType,
  GroupKeysStorage,
  OAuthAuthorization,
  SupportedDocsType,
  TeamType,
}
