Type definitions for catalog (2.x) (#23276)

* Type definitions for catalog

* Add catalog tests

* catalog: add responsiveSizes to Config

* catalog: remove empty rules block from tslint.json

* catalog: add responsive prop to ReactSpecimen

types/catalog/catalog-tests.tsx

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { Config, render, markdown, Catalog, ReactSpecimen, Page } from "catalog";
+
+const config: Config = {
+  title: 'Test',
+  pages: [
+    {
+      path: '/',
+      title: 'Introduction',
+      content: '/patd/to/file.md',
+    },
+    {
+      path: '/materials',
+      title: 'Materials',
+      pages: [
+        {
+          path: '/materials/typeface',
+          title: 'Typeface',
+          component: <Page />,
+        },
+      ],
+    },
+  ],
+  useBrowserHistory: true,
+  basePath: '/doc',
+  responsiveSizes: [
+    { name: 'large', width: 978, height: 1100 },
+    { name: 'medium', width: 640, height: 900 },
+    { name: 'small', width: 471, height: 700 },
+  ],
+};
+
+render(config, document.body);
+<Catalog {...config} />;
+
+markdown`
+# Test
+
+${<ReactSpecimen>
+  <div />
+</ReactSpecimen>}
+`;

types/catalog/index.d.ts

@@ -0,0 +1,108 @@
+// Type definitions for catalog 2.1
+// Project: https://github.com/interactivethings/catalog/
+// Definitions by: Peter Gassner <https://github.com/grossbart>, Tomas Carnecky <https://github.com/wereHamster>
+// Definitions: https://github.com/interactivethings/catalog/
+// TypeScript Version: 2.3
+
+import * as React from "react";
+
+// Configuration
+
+// XXX: Can not name this 'Page' because there's already a 'Page'
+// component here.
+export interface ConfigPage {
+  path: string;
+  title: string;
+
+  content?: any;
+  component?: any;
+  pages?: ConfigPage[];
+}
+
+export interface ConfigResponsiveSize {
+  name: string;
+  width: number;
+  height: number;
+}
+
+export interface Config {
+  title: string;
+  pages: ConfigPage[];
+
+  useBrowserHistory?: boolean;
+  basePath?: string;
+  responsiveSizes?: ConfigResponsiveSize[];
+}
+
+export function render(config: Config, element: HTMLElement): void;
+export function configure(config: any): any;
+export function configureRoutes(config: any): any;
+export function configureJSXRoutes(config: any): any;
+
+export function pageLoader(f: () => Promise<any>): any;
+export function markdown(...x: any[]): JSX.Element;
+
+// Components
+export interface DefaultCatalogProps extends React.Props<{}> {
+  span?: number;
+  theme?: any;
+}
+
+export class Card extends React.Component<DefaultCatalogProps> {}
+export class Page extends React.Component<DefaultCatalogProps> {}
+export interface SpanProps extends DefaultCatalogProps {
+  style?: any;
+}
+export class Span extends React.Component<SpanProps> {}
+
+// Specimens
+export class AudioSpecimen extends React.Component<DefaultCatalogProps> {}
+
+export interface CodeSpecimenProps extends DefaultCatalogProps {
+  rawBody: string;
+  collapsed: boolean;
+  lang: string;
+  raw: boolean;
+}
+export class CodeSpecimen extends React.Component<CodeSpecimenProps> {}
+
+export interface ColorSpecimenProps extends DefaultCatalogProps {
+  value: string;
+  name: string;
+}
+export class ColorSpecimen extends React.Component<ColorSpecimenProps> {}
+
+export interface ColorPaletteSpecimenProps extends DefaultCatalogProps {
+  colors: Array<{name?: string, value: string}>;
+  horizontal?: boolean;
+}
+export class ColorPaletteSpecimen extends React.Component<ColorPaletteSpecimenProps> {}
+
+export class HtmlSpecimen extends React.Component<DefaultCatalogProps> {}
+export class HintSpecimen extends React.Component<DefaultCatalogProps> {}
+export class ImageSpecimen extends React.Component<DefaultCatalogProps> {}
+
+export interface TypeSpecimenProps extends DefaultCatalogProps {
+  color?: string;
+  font: string;
+  headings: string[] | number[];
+  style?: string;
+  weight: string;
+}
+export class TypeSpecimen extends React.Component<TypeSpecimenProps> {}
+export class DownloadSpecimen extends React.Component<DefaultCatalogProps> {}
+
+export interface ReactSpecimenProps extends DefaultCatalogProps {
+  noSource?: boolean;
+  plain?: boolean;
+  light?: boolean;
+  dark?: boolean;
+  frame?: boolean;
+  state?: any;
+  responsive?: boolean | string | string[];
+}
+export class ReactSpecimen extends React.Component<ReactSpecimenProps> {}
+
+export class VideoSpecimen extends React.Component<DefaultCatalogProps> {}
+
+export class Catalog extends React.Component<Config> {}

types/catalog/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+      "module": "commonjs",
+      "lib": [
+          "es6",
+          "dom"
+      ],
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "strictNullChecks": true,
+      "strictFunctionTypes": true,
+      "baseUrl": "../",
+      "typeRoots": [
+          "../"
+      ],
+      "types": [],
+      "noEmit": true,
+      "forceConsistentCasingInFileNames": true,
+      "jsx": "react"
+  },
+  "files": [
+      "index.d.ts",
+      "catalog-tests.tsx"
+  ]
+}

types/catalog/tslint.json

@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}