feat: ui overhaul (#676)

packages/core/test/data/widgets.mock.ts

@@ -0,0 +1,86 @@
+/* eslint-disable import/prefer-default-export */
+import { createMockCollection } from './collections.mock';
+import { createMockConfig } from './config.mock';
+import { createMockEntry } from './entry.mock';
+
+import type {
+  BaseField,
+  UnknownField,
+  ValueOrNestedValue,
+  WidgetControlProps,
+} from '@staticcms/core';
+
+export const createMockWidgetControlProps = <
+  T extends ValueOrNestedValue,
+  F extends BaseField = UnknownField,
+>(
+  options: Omit<
+    Partial<WidgetControlProps<T, F>>,
+    | 'field'
+    | 'data'
+    | 'hasErrors'
+    | 'isFieldDuplicate'
+    | 'isFieldHidden'
+    | 'onChange'
+    | 'clearMediaControl'
+    | 'openMediaLibrary'
+    | 'removeInsertedMedia'
+    | 'removeMediaControl'
+    | 'query'
+    | 't'
+  > &
+    Pick<WidgetControlProps<T, F>, 'field'>,
+): WidgetControlProps<T, F> => {
+  const {
+    value: rawValue,
+    path: rawPath,
+    errors: rawErrors,
+    fieldsErrors: rawFieldsErrors,
+    collection: rawCollection,
+    config: rawConfig,
+    entry: rawEntry,
+    ...extra
+  } = options;
+
+  const value = rawValue ?? null;
+
+  const collection = rawCollection ?? createMockCollection({}, options.field);
+  const config = rawConfig ?? createMockConfig({ collections: [collection] });
+  const entry = rawEntry ?? createMockEntry({ data: { [options.field.name]: value } });
+
+  const path = rawPath ?? '';
+  const errors = rawErrors ?? [];
+  const fieldsErrors =
+    rawFieldsErrors ?? (rawErrors ? { [`${path}.${options.field.name}`]: errors } : {});
+  const hasErrors = Boolean(rawErrors && rawErrors.length > 0);
+
+  return {
+    label: 'Mock Widget',
+    config,
+    collection,
+    entry,
+    value,
+    path,
+    mediaPaths: {},
+    fieldsErrors,
+    errors,
+    hasErrors,
+    submitted: false,
+    forList: false,
+    forSingleList: false,
+    disabled: false,
+    locale: undefined,
+    i18n: undefined,
+    duplicate: false,
+    hidden: false,
+    theme: 'light',
+    onChange: jest.fn(),
+    clearMediaControl: jest.fn(),
+    openMediaLibrary: jest.fn(),
+    removeInsertedMedia: jest.fn(),
+    removeMediaControl: jest.fn(),
+    query: jest.fn(),
+    t: jest.fn(),
+    ...extra,
+  };
+};