index.d.ts

/* eslint-disable @typescript-eslint/no-explicit-any */
interface AccordionConstructorProps extends ComponentConstructorProps {
  header: Partial<ComponentConstructorProps>;
  icon: Partial<ComponentConstructorProps>;
  dropdown: Partial<ComponentConstructorProps>;
  content: Partial<ComponentConstructorProps>;
  isOpen: boolean;
}

interface AvatarConstructorProps extends ComponentConstructorProps {
  description: Partial<ComponentConstructorProps>;
  image: Partial<ComponentConstructorProps>;
  imageWrapper: Partial<ComponentConstructorProps>;
  name: Partial<ComponentConstructorProps>;
  textWrapper: Partial<ComponentConstructorProps>;
}

interface CheckboxConstructorProps extends ComponentConstructorProps {
  border: Partial<ComponentConstructorProps>;
  icon: Partial<ComponentConstructorProps>;
  field: Partial<ComponentConstructorProps>;
  label: Partial<ComponentConstructorProps>;
}

interface ComponentConstructorProps {
  attributes: { [name: string]: string | boolean };
  children: { [name: string]: Component | number | string };
  className: string;
  events: {
    [name: string]: (instance: Component, event: Event) => unknown;
  };
  innerHTML: string | number;
  parent: Component;
  state: { [key: string]: any };
  style: Partial<CSSStyleDeclaration> | ResponsiveObject<Partial<CSSStyleDeclaration>>;
  tagName: string;
}

interface DrawerConstructorProps extends ComponentConstructorProps {
  body: Partial<ComponentConstructorProps>;
  btClose: Partial<ComponentConstructorProps>;
  content: Partial<ComponentConstructorProps>;
  footer: Partial<ComponentConstructorProps>;
  header: Partial<ComponentConstructorProps>;
  overlay: Partial<ComponentConstructorProps>;
}

interface HeaderConstructorProps extends ComponentConstructorProps {
  leftContent: Partial<ComponentConstructorProps>;
  centerContent: Partial<ComponentConstructorProps>;
  rightContent: Partial<ComponentConstructorProps>;
  container: Partial<ComponentConstructorProps>;
}

interface InputConstructorProps extends ComponentConstructorProps {
  fieldWrapper: Partial<ComponentConstructorProps>;
  field: Partial<ComponentConstructorProps>;
  label: Partial<ComponentConstructorProps>;
  leftSlot: Partial<ComponentConstructorProps>;
  rightSlot: Partial<ComponentConstructorProps>;
}

interface ModalConstructorProps extends ComponentConstructorProps {
  body: Partial<ComponentConstructorProps>;
  btClose: Partial<ComponentConstructorProps>;
  content: Partial<ComponentConstructorProps>;
  footer: Partial<ComponentConstructorProps>;
  header: Partial<ComponentConstructorProps>;
  overlay: Partial<ComponentConstructorProps>;
}

interface ProgressConstructorProps extends ComponentConstructorProps {
  fill: Partial<ComponentConstructorProps>;
  value: Partial<ComponentConstructorProps>;
}

interface RadioConstructorProps extends ComponentConstructorProps {
  border: Partial<ComponentConstructorProps>;
  icon: Partial<ComponentConstructorProps>;
  field: Partial<ComponentConstructorProps>;
  label: Partial<ComponentConstructorProps>;
}

interface ResponsiveObject<T> {
  base: T;
  md: T;
  sm: T;
  lg: T;
  xl: T;
}

interface SelectConstructorProps extends ComponentConstructorProps {
  label: Partial<ComponentConstructorProps>;
  fieldWrapper: Partial<ComponentConstructorProps>;
  field: Partial<ComponentConstructorProps>;
  leftSlot: Partial<ComponentConstructorProps>;
  rightSlot: Partial<ComponentConstructorProps>;
}

interface TabConstructorProps extends ComponentConstructorProps {
  activityIndicator: Partial<ComponentConstructorProps>;
}

interface TabsConstructorProps extends ComponentConstructorProps {
  activeTabIndex: number;
  tabList: Partial<ComponentConstructorProps>;
  tabPanels: Partial<ComponentConstructorProps>;
}

interface ToastConstructorProps extends ComponentConstructorProps {
  title: Partial<ComponentConstructorProps>;
  description: Partial<ComponentConstructorProps>;
  variant: 'success' | 'error' | 'warning' | 'info';

  position:
    | 'top-right'
    | 'top-left'
    | 'top-center'
    | 'bottom-right'
    | 'bottom-left'
    | 'bottom-center';
  duration: number;
}

declare class Component {
  children: ComponentConstructorProps['children'];
  id: string;
  state: ComponentConstructorProps['state'];
  target: HTMLElement;
  constructor(props?: Partial<ComponentConstructorProps>);
  appendChildren: (payload: ComponentConstructorProps['children']) => void;
  appendTo: (target: HTMLElement) => void;
  bindEvents: (payload: ComponentConstructorProps['events']) => Promise<void>;
  static create: (payload?: Partial<ComponentConstructorProps>) => Component;
  destroy: () => void;
  fadeIn: (to?: ComponentConstructorProps['style']) => Promise<unknown>;
  fadeOut: (to?: ComponentConstructorProps['style']) => Promise<unknown>;
  hide: () => void;
  prependChildren: (payload: ComponentConstructorProps['children']) => void;
  prependTo: (target: HTMLElement) => void;
  setAttributes: (payload: ComponentConstructorProps['attributes']) => void;
  setState: (payload: typeof this.state) => void;
  setStyle: (payload: ComponentConstructorProps['style']) => void;
  show: () => void;
}

declare class Accordion extends Component {
  constructor(props?: Partial<AccordionConstructorProps>);
  isOpen: boolean;
  private assemble;
  private init;
}

declare class Avatar extends Component {
  constructor(props?: Partial<AvatarConstructorProps>);
  private assemble;
  private init;
}

declare class Button extends Component {
  constructor(props?: Partial<ComponentConstructorProps>);
}

declare class Checkbox extends Component {
  constructor(props?: Partial<CheckboxConstructorProps>);
  private assemble;
  private init;
}

declare class Container extends Component {
  constructor(props?: Partial<ComponentConstructorProps>);
}

declare class Drawer extends Component {
  constructor(props?: Partial<DrawerConstructorProps>);
  private assemble;
  close: () => Promise<void>;
  private init;
  open: () => Promise<void>;
}

declare class Header extends Component {
  constructor(props?: Partial<HeaderConstructorProps>);
  private assemble;
  private init;
}

declare class Input extends Component {
  constructor(props?: Partial<InputConstructorProps>);
  private assemble;
  private init;
}

declare class Modal extends Component {
  constructor(props?: Partial<ModalConstructorProps>);
  private assemble;
  close: () => Promise<void>;
  private init;
  open: () => Promise<void>;
}

declare class Progress extends Component {
  constructor(props?: Partial<ProgressConstructorProps>);
  private assemble;
  private init;
  setValue: (value: number) => void;
}

declare class Radio extends Component {
  constructor(props?: Partial<RadioConstructorProps>);
  private assemble;
  private init;
}

declare class Select extends Component {
  constructor(props?: Partial<SelectConstructorProps>);
  private assemble;
  private init;
}

declare class Tab extends Button {
  isActive: boolean;
  constructor(props?: Partial<TabConstructorProps>);
  private assemble;
  private init;
  setActive: (isActive: boolean) => void;
}

declare class TabPanel extends Component {
  constructor(props?: Partial<ComponentConstructorProps>);
}

declare class Tabs extends Component {
  activeTabIndex: number;
  constructor(props?: Partial<TabsConstructorProps>);
  private assemble;
  private init;
  setActiveTabIndex: (activeTabIndex: TabsConstructorProps['activeTabIndex']) => void;
}

declare class Tag extends Component {
  constructor(props?: Partial<ComponentConstructorProps>);
}

declare class Toast extends Component {
  constructor(props?: Partial<ToastConstructorProps>);
  private assemble;
  dismiss: () => void;
  show: () => void;
  static trigger: (props: Partial<ToastConstructorProps>) => void;
}

export {
  Accordion,
  Avatar,
  Button,
  Checkbox,
  Component,
  Container,
  Drawer,
  Header,
  Input,
  Modal,
  Progress,
  Radio,
  Select,
  Tab,
  TabPanel,
  Tabs,
  Tag,
  Toast,
};