grid-layout-plus/src/helpers/types.ts

<p align="center"> <a href="https://grid-layout-plus.netlify.app/" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/grid-layout-plus.svg" width="180" style="width: 120px;" /> </a> </p>

export interface LayoutItemRequired {
  w: number,
  h: number,
  x: number,
  y: number,
  i: number | string
}

export interface LayoutItem extends LayoutItemRequired {
  minW?: number,
  minH?: number,
  maxW?: number,
  maxH?: number,
  moved?: boolean,
  static?: boolean,
  isDraggable?: boolean,
  isResizable?: boolean
}

export type Layout = Array<LayoutItem>

export type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'
export type Breakpoints = Record<Breakpoint, number>
export type ResponsiveLayout = Record<Breakpoint, Layout>

/** @internal */
export interface LayoutInstance {
  responsive: boolean,
  lastBreakpoint: Breakpoint,
  cols: Breakpoints,
  colNum: number,
  rowHeight: number,
  width: number,
  margin: number[],
  isDraggable: boolean,
  isResizable: boolean,
  isBounded: boolean,
  transformScale: number,
  useCssTransforms: boolean,
  useStyleCursor: boolean,
  maxRows: number,
  isMirrored: boolean,
  increaseItem: (item: any) => void,
  decreaseItem: (item: any) => void
}