@enonic/react4xp/src/client/index.d.ts

Build tools for React4xp

import type {ReactNode} from 'react';

export interface Props {
	regionsData: {
		[regionName: string]: {
			components: Array<{
				descriptor: string
				path: string
				text?: string
				type: string
			}>
		}
	}
}
export type ComponentFunction = (props: Props) => ReactNode;
export interface ComponentObject {
	default: ComponentFunction|ReactNode
}
export type Component = ComponentFunction|ComponentObject|unknown;


export interface Entry {
	props: Props
	targetId: string
}
export interface Entries {
	[entryName: string]: Entry
}

export interface Region {
	innerHTML: string
}
export interface RegionsBuffer {
	[regionName: string]: string
}
export interface RegionsRemaining {
	[regionName: string]: number
}

export interface ScriptElement extends HTMLScriptElement {
	onload: ()=>void
	onreadystatechange: ()=>void
	readyState: 'complete'|'loaded'
	src: string
	type: 'text/javascript'
}

export interface StyleElement extends HTMLLinkElement {
	href: string
	onload: ()=>void
	onreadystatechange: ()=>void
	readyState: 'complete'|'loaded'
	rel: 'stylesheet'
	type: 'text/css'
}