Add basic types for api and store (#19552)

frontend/src/metabase/containers/SyncingModal/types.ts → frontend/src/metabase-types/api/automagic-dashboards.ts

-export interface Database {
-  id: number;
-  is_sample: boolean;
-}
-
 export interface DatabaseCandidate {
+  id: string;
+  schema: string;
   tables: TableCandidate[];
 }
 

frontend/src/metabase-types/api/collection.ts

+export interface Collection {
+  id: number;
+}

frontend/src/metabase-types/api/dashboard.ts

+export interface Dashboard {
+  id: number;
+  name: string;
+  model?: string;
+}

frontend/src/metabase-types/api/database.ts

@@ -3,16 +3,8 @@ export type InitialSyncStatus = "incomplete" | "complete" | "aborted";
 export interface Database {
   id: number;
   name: string;
+  engine: string;
   is_sample: boolean;
   creator_id?: number;
   initial_sync_status: InitialSyncStatus;
 }
-
-export const createDatabase = (opts?: Partial<Database>): Database => ({
-  id: 1,
-  name: "Database",
-  is_sample: false,
-  creator_id: undefined,
-  initial_sync_status: "complete",
-  ...opts,
-});

frontend/src/metabase-types/api/index.ts

+export * from "./automagic-dashboards";
+export * from "./collection";
+export * from "./dashboard";
+export * from "./database";
+export * from "./user";

frontend/src/metabase-types/api/mocks/automagic-dashboards.ts

+import { DatabaseCandidate, TableCandidate } from "metabase-types/api";
+
+export const createMockDatabaseCandidate = (
+  opts?: Partial<DatabaseCandidate>,
+): DatabaseCandidate => ({
+  id: "1/public",
+  schema: "public",
+  tables: [],
+  ...opts,
+});
+
+export const createMockTableCandidate = (
+  opts?: Partial<TableCandidate>,
+): TableCandidate => ({
+  title: "Sample table",
+  url: "/auto/1",
+  ...opts,
+});

frontend/src/metabase-types/api/mocks/collection.ts

+import { Collection } from "metabase-types/api";
+
+export const createMockCollection = (
+  opts?: Partial<Collection>,
+): Collection => ({
+  id: 1,
+  ...opts,
+});

frontend/src/metabase-types/api/mocks/dashboard.ts

+import { Dashboard } from "metabase-types/api";
+
+export const createMockDashboard = (opts?: Partial<Dashboard>): Dashboard => ({
+  id: 1,
+  name: "Dashboard",
+  ...opts,
+});

frontend/src/metabase-types/api/mocks/database.ts

+import { Database } from "metabase-types/api";
+
+export const createMockDatabase = (opts?: Partial<Database>): Database => ({
+  id: 1,
+  name: "Database",
+  engine: "H2",
+  is_sample: false,
+  creator_id: undefined,
+  initial_sync_status: "complete",
+  ...opts,
+});

frontend/src/metabase-types/api/mocks/index.ts

+export * from "./automagic-dashboards";
+export * from "./collection";
+export * from "./dashboard";
+export * from "./database";
+export * from "./user";

frontend/src/metabase-types/api/mocks/user.ts

+import { User } from "metabase-types/api";
+
+export const createMockUser = (opts?: Partial<User>): User => ({
+  id: 1,
+  first_name: "Testy",
+  is_superuser: false,
+  has_invited_second_user: false,
+  personal_collection_id: 1,
+  ...opts,
+});

frontend/src/metabase-types/api/user.ts

 export interface User {
   id: number;
+  first_name: string;
+  is_superuser: boolean;
+  has_invited_second_user: boolean;
+  personal_collection_id: number;
 }
-
-export const createUser = (opts?: Partial<User>): User => ({
-  id: 1,
-  ...opts,
-});

frontend/src/metabase-types/store/index.ts

+export * from "./settings";
+export * from "./state";

frontend/src/metabase-types/store/mocks/index.ts

+export * from "./settings";
+export * from "./state";

frontend/src/metabase-types/store/mocks/settings.ts

+import { SettingsState } from "metabase-types/store";
+
+export const createMockSettingsState = (
+  opts?: Partial<SettingsState>,
+): SettingsState => ({
+  values: {},
+  ...opts,
+});

frontend/src/metabase-types/store/mocks/state.ts

+import { State } from "metabase-types/store";
+import { createMockSettingsState } from "metabase-types/store/mocks";
+
+export const createMockState = (opts?: Partial<State>): State => ({
+  settings: createMockSettingsState(),
+  ...opts,
+});

frontend/src/metabase-types/store/settings.ts

+export interface SettingsState {
+  values: Record<string, unknown>;
+}

frontend/src/metabase-types/store/state.ts

+import { SettingsState } from "./settings";
+
+export interface State {
+  settings: SettingsState;
+}

frontend/src/metabase/containers/SyncingModal/SyncingModal.tsx

@@ -5,7 +5,7 @@ import Settings from "metabase/lib/settings";
 import Databases from "metabase/entities/databases";
 import DatabaseCandidates from "metabase/entities/database-candidates";
 import SyncingModal from "metabase/components/SyncingModal";
-import { Database, DatabaseCandidate } from "./types";
+import { Database, DatabaseCandidate } from "metabase-types/api";
 
 interface DatabaseProps {
   databases: Database[];

frontend/src/metabase/home/homepage/analytics.ts

 import { trackStructEvent } from "metabase/lib/analytics";
-import { Database, Dashboard } from "./types";
+import { Database, Dashboard } from "metabase-types/api";
 
 export const trackCollectionClick = () => {
   trackStructEvent("Homepage", "Browse Items Clicked");