Revert "Chore/autumn clean (#1005)"

This reverts commit 279272d.

.release-it.js

@@ -0,0 +1,21 @@
+module.exports = {
+  // TODD: enable the before init hooks once grafana/toolkit can limit the jest workers
+  git: {
+    commitMessage: 'chore: update version',
+    tag: false,
+    push: false,
+    commit: false,
+  },
+  github: {
+    release: false,
+  },
+  npm: {
+    publish: false,
+  },
+  plugins: {
+    '@release-it/conventional-changelog': {
+      preset: 'angular',
+      infile: 'CHANGELOG.md',
+    },
+  },
+};

__mocks__/@grafana/faro-web-sdk.ts

@@ -0,0 +1,11 @@
+module.exports = {
+  faro: {
+    api: {
+      pushMeasurement: jest.fn(() => console.log('hhhhhhiiiiii')),
+      pushEvent: jest.fn(),
+      pushError: jest.fn(),
+    },
+  },
+  isError: jest.fn(),
+  isObject: jest.fn(),
+};

__mocks__/@grafana/ui.tsx

@@ -0,0 +1,42 @@
+// @ts-ignore
+window.__react_router_build__ = undefined;
+
+const ui = jest.requireActual('@grafana/ui');
+import React, { forwardRef } from 'react';
+
+const Icon = forwardRef((props, ref) => <svg {...props} />);
+Icon.displayName = 'Icon';
+
+interface BigValueProps {
+  value: {
+    numeric: number;
+    text?: string;
+    title?: string;
+  };
+}
+
+export function BigValue({ value }: BigValueProps) {
+  return (
+    <div>
+      {/* {value.numeric} */}
+      {value.text && <span>{value.text}</span>}
+      {value.title && <label>{value.title}</label>}
+    </div>
+  );
+}
+
+// Monaco does not render with jest and is stuck at "Loading..."
+// There doesn't seem to be a solution to this at this point,
+// mocking it instead. Related github issue:
+// https://github.com/suren-atoyan/monaco-react/issues/88
+const CodeEditor = React.forwardRef((props: any, ref: any) => {
+  return <textarea ref={ref} data-testid="code-editor" onChange={props.onChange} value={props.value} />;
+});
+CodeEditor.displayName = 'CodeEditor';
+
+module.exports = {
+  ...ui,
+  Icon,
+  BigValue,
+  CodeEditor,
+};

__mocks__/components/SimpleMap/index.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const SimpleMap = () => {
+  return <div>A pretty map</div>;
+};

__mocks__/grafana/app/core/app_events.ts

@@ -0,0 +1,5 @@
+export const appEvents = {
+  emit: () => {},
+};
+// eslint-disable-next-line no-restricted-syntax
+export default appEvents;

cspell.config.json

@@ -0,0 +1,5 @@
+{
+  "ignorePaths": ["node_modules"],
+  "ignoreRegExpList": [".*"],
+  "words": ["grafana", "datasource", "datasources", "gifs", ".*"]
+}

dummy.scss

@@ -0,0 +1 @@
+// this file exists solely to trick the spell check. Delete this as soon as possible

jest.config.js

@@ -12,18 +12,17 @@ module.exports = {
     ...config.moduleNameMapper,
     '^lodash-es$': 'lodash',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|md)$':
-      '<rootDir>/src/test/mocks/unsupported_file.js',
-    '^!raw-loader!*': '<rootDir>/src/test/mocks/rawLoader.js',
-    '^(.+)\\?raw$': '<rootDir>/src/test/mocks/rawLoader.js',
+      '<rootDir>/src/test/fileMock.js',
+    '^!raw-loader!*': '<rootDir>/src/test/rawLoaderMock.js',
+    '^(.+)\\?raw$': '<rootDir>/src/test/rawLoaderMock.js',
     '^grafana/app/core/core$': '<rootDir>/src/test/mocks/grafana/app/core/core.js',
-    '^grafana/app/core/app_events$': '<rootDir>/src/test/mocks/grafana/app/core/app_events.js',
   },
   testTimeout: 30000,
   // Inform jest to only transform specific node_module packages.
   transform: {
     ...config.transform,
     '^.+\\.mjs$': ['@swc/jest'],
-    'assets/snippets/.+\\.js$': '<rootDir>/src/test/mocks/rawLoader.js',
+    'assets/snippets/.+\\.js$': '<rootDir>/src/test/rawLoaderMock.js',
   },
   transformIgnorePatterns: [
     nodeModulesToTransform([

package.json

@@ -16,6 +16,7 @@
     "release:test": "release-it --dry-run --ci --no-git.requireCleanWorkingDir",
     "server": "docker compose up --build",
     "sign": "npx --yes @grafana/sign-plugin@latest",
+    "spellcheck": "cspell -c cspell.config.json \"**/*.{ts,tsx,js,go,md,mdx,yml,yaml,json,scss,css}\"",
     "test": "jest --all",
     "test:changed": "jest --watch --onlyChanged",
     "typecheck": "tsc --noEmit",

src/components/Autosizer.tsx

@@ -0,0 +1,43 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { GrafanaTheme2 } from '@grafana/data';
+import { useStyles2 } from '@grafana/ui';
+import { css } from '@emotion/css';
+
+interface ChildrenArgs {
+  width: number;
+  height: number;
+}
+
+interface Props {
+  children: (dimensions: ChildrenArgs) => JSX.Element;
+}
+
+const getStyles = (theme: GrafanaTheme2) => ({
+  fillContainer: css`
+    display: flex;
+    justify-content: center;
+    max-width: 1300px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  `,
+});
+
+export const Autosizer = ({ children }: Props) => {
+  const el = useRef<HTMLDivElement>(null);
+  const styles = useStyles2(getStyles);
+  const [size, setSize] = useState({ width: 0, height: 0 });
+
+  useEffect(() => {
+    const rect = el.current?.getBoundingClientRect();
+    if (rect) {
+      setSize({ width: rect.width, height: rect.height });
+    }
+  }, [el]);
+
+  return (
+    <div className={styles.fillContainer} ref={el}>
+      {children(size)}
+    </div>
+  );
+};

src/components/__mocks__/Autosizer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface ChildrenArgs {
+  width: number;
+  height: number;
+}
+
+interface Props {
+  children: (dimensions: ChildrenArgs) => JSX.Element;
+}
+
+export const Autosizer = ({ children }: Props) => {
+  return <div>{children({ width: 500, height: 500 })}</div>;
+};

src/test/jest-setup.tsx

@@ -31,9 +31,3 @@ global.IntersectionObserver = jest.fn(() => ({
 }));
 
 import 'test/mocks/@grafana/runtime';
-import 'test/mocks/@grafana/ui';
-import 'test/mocks/components/SimpleMap';
-
-// note there are some other mocks set up in jest.config.js
-// for example the rawLoader, unsupported_file, grafana/app/core/core
-// and grafana/app/core/app_events