flow-dre-2

/* @flow */

declare class SVGElement extends Element {}

declare class HTMLParagraphElement extends HTMLElement {
  align: string;
}

type ElementRegistrationOptions<T> = {
  prototype?: {
    createdCallback?: () => void;
    attachedCallback?: () => void;
    detachedCallback?: () => void;
    attributeChangedCallback?: (
      attributeLocalName: string,
      oldAttributeValue: ?string,
      newAttributeValue: ?string,
      attributeNamespace: ?string
    ) => void;
  };
  extends?: string;
}

declare class Document extends Node {
  registerElement<T: HTMLElement|SVGElement>(
    type: string,
    options?: ElementRegistrationOptions<T>
  ): Class<T>;
}

declare var document: Document;

export const injectCallbacks = ({
  createdCallback,
  attachedCallback,
  detachedCallback,
  attributeChangedCallback
}: {
  createdCallback: () => void,
  attachedCallback: () => void,
  detachedCallback: () => void,
  attributeChangedCallback: (
    attributeLocalName: string,
    oldAttributeValue: ?string,
    newAttributeValue: ?string,
    attributeNamespace: ?string
  ) => void
}): Class<HTMLParagraphElement> => document.registerElement(
  'jus-ti-fied', {
    extends: 'p',
    prototype: Object.create(
      HTMLParagraphElement.prototype, {
        createdCallback: { value: createdCallback },
        attachedCallback: { value: attachedCallback },
        detachedCallback: { value: detachedCallback },
        attributeChangedCallback: { value: attributeChangedCallback }
      }
    )
  }
)