wip

Author: Pierstoval

CHANGELOG.md

@@ -1,3 +1,11 @@
+# Unreleased
+
+- Add 20 new field types to match EasyAdmin and React-admin coverage:
+  - Primitives: `Password`, `Tel`, `Time`, `DateTime`, `Color`, `Integer`, `Percent`, `Money`, `Slug`, `Hidden`.
+  - Choice-based: `Choice`, `MultiChoice`, `Radio`.
+  - Locale/Geo pickers: `Country`, `Language`, `Locale`, `Timezone` (use the runtime `Intl.DisplayNames` API for localized labels).
+  - Rich content: `Markdown`, `Image`, `File`.
+
 # v0.18.0
 
 - **BC Break**: Rename `Date` filter to `DateRange`. A text filter can be used for precise dates.

src/lib/Fields/Choice.ts

@@ -0,0 +1,21 @@
+import type { CommonFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type ChoiceItem = {
+	label: string;
+	value: string | number;
+	disabled?: boolean;
+};
+
+/** */
+export type ChoiceOptions = CommonFieldOptions & {
+	choices: Array<ChoiceItem>;
+	placeholder?: string;
+};
+
+/** */
+export class ChoiceField extends BaseField<ChoiceOptions> {
+	readonly formComponent: FormFieldTheme = 'choice';
+	readonly viewComponent: ViewFieldTheme = 'choice';
+}

src/lib/Fields/Color.ts

@@ -0,0 +1,11 @@
+import type { InputFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type ColorOptions = InputFieldOptions;
+
+/** */
+export class ColorField extends BaseField<ColorOptions> {
+	readonly formComponent: FormFieldTheme = 'color';
+	readonly viewComponent: ViewFieldTheme = 'color';
+}

src/lib/Fields/Country.ts

@@ -0,0 +1,15 @@
+import type { CommonFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type CountryOptions = CommonFieldOptions & {
+	placeholder?: string;
+	displayLocale?: string;
+	only?: Array<string>;
+};
+
+/** */
+export class CountryField extends BaseField<CountryOptions> {
+	readonly formComponent: FormFieldTheme = 'country';
+	readonly viewComponent: ViewFieldTheme = 'country';
+}

src/lib/Fields/DateTime.ts

@@ -0,0 +1,13 @@
+import type { InputFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type DateTimeOptions = InputFieldOptions & {
+	formFormat?: string;
+};
+
+/** */
+export class DateTimeField extends BaseField<DateTimeOptions> {
+	readonly formComponent: FormFieldTheme = 'date_time';
+	readonly viewComponent: ViewFieldTheme = 'date_time';
+}

src/lib/Fields/File.ts

@@ -0,0 +1,13 @@
+import type { InputFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type FileOptions = InputFieldOptions & {
+	downloadLabel?: string;
+};
+
+/** */
+export class FileField extends BaseField<FileOptions> {
+	readonly formComponent: FormFieldTheme = 'file';
+	readonly viewComponent: ViewFieldTheme = 'file';
+}

src/lib/Fields/Hidden.ts

@@ -0,0 +1,11 @@
+import type { CommonFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type HiddenOptions = CommonFieldOptions;
+
+/** */
+export class HiddenField extends BaseField<HiddenOptions> {
+	readonly formComponent: FormFieldTheme = 'hidden';
+	readonly viewComponent: ViewFieldTheme = 'hidden';
+}

src/lib/Fields/Image.ts

@@ -0,0 +1,15 @@
+import type { InputFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type ImageOptions = InputFieldOptions & {
+	alt?: string;
+	width?: number;
+	height?: number;
+};
+
+/** */
+export class ImageField extends BaseField<ImageOptions> {
+	readonly formComponent: FormFieldTheme = 'image';
+	readonly viewComponent: ViewFieldTheme = 'image';
+}

src/lib/Fields/Integer.ts

@@ -0,0 +1,15 @@
+import type { InputFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type IntegerOptions = InputFieldOptions & {
+	min?: number;
+	max?: number;
+	step?: number;
+};
+
+/** */
+export class IntegerField extends BaseField<IntegerOptions> {
+	readonly formComponent: FormFieldTheme = 'integer';
+	readonly viewComponent: ViewFieldTheme = 'integer';
+}

src/lib/Fields/Language.ts

@@ -0,0 +1,15 @@
+import type { CommonFieldOptions, FormFieldTheme, ViewFieldTheme } from '$lib';
+import { BaseField } from '$lib/Fields';
+
+/** */
+export type LanguageOptions = CommonFieldOptions & {
+	placeholder?: string;
+	displayLocale?: string;
+	only?: Array<string>;
+};
+
+/** */
+export class LanguageField extends BaseField<LanguageOptions> {
+	readonly formComponent: FormFieldTheme = 'language';
+	readonly viewComponent: ViewFieldTheme = 'language';
+}