import { TableColumn } from '../datatable';
import { FilterField } from '../filtercontainer';
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';

import { ChangelogPageProps } from '../changelogpage';

export type ChangelogTemplateColumn = { index: number; column: TableColumn };
export type ChangelogTemplateFilter = { index: number; filter: FilterField };

export type ChangelogDefaultField =
  | 'createdAt'
  | 'action'
  | 'object'
  | 'objectName'
  | 'field'
  | 'oldValue'
  | 'newValue'
  | 'modifiedBy';

/**
 * Props for Changelog component
 */
export type ChangelogProps = Omit<ChangelogPageProps, 'isDialog'> & {
  useButton?: boolean;
};

/**
 * Emits for Changelog component
 */
export type ChangelogEmits = {
  hide: [];
};

/**
 * **WangsVue - Changelog**
 *
 * _Changelog is a component for to show changelog dialog.
 * You need to install vee-validate while using this component._
 *
 * --- ---
 * ![WangsVue](https://www.wangsit.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
 *
 * @group components
 */
declare class Changelog extends ClassComponent<
  ChangelogProps,
  unknown,
  ChangelogEmits
> {}

declare module '@vue/runtime-core' {
  interface GlobalComponents {
    Changelog: GlobalComponentConstructor<Changelog>;
  }
}

export default Changelog;