1import { fromZod } from '@lssm-tech/lib.schema';
2import { z } from 'zod';
3import { OwnersEnum, StabilityEnum, TagsEnum } from '../ownership';
4import type { AddressFormValue, PhoneFormValue } from './forms';
5import { defineFormSpec } from './forms';
6
7export const RichFieldsShowcaseForm = defineFormSpec({
8	meta: {
9		key: 'forms.rich-fields-showcase',
10		version: '1.0.0',
11		title: 'Rich Fields Showcase',
12		description:
13			'Canonical showcase for readonly, password, autocomplete, address, phone, temporal, and repeated grouped fields.',
14		domain: 'forms',
15		owners: [OwnersEnum.PlatformCore],
16		tags: [TagsEnum.Docs, 'forms', 'showcase'],
17		stability: StabilityEnum.Experimental,
18	},
19	model: RichFieldsShowcaseModel,
20	fields: [
21		{
22			kind: 'text',
23			name: 'recordId',
24			labelI18n: 'Record ID',
25			readOnly: true,
26		},
27		{
28			kind: 'select',
29			name: 'status',
30			labelI18n: 'Status',
31			options: {
32				kind: 'static',
33				options: [
34					{ labelI18n: 'Draft', value: 'draft' },
35					{ labelI18n: 'Ready', value: 'ready' },
36					{ labelI18n: 'Published', value: 'published' },
37				],
38			},
39		},
40		{
41			kind: 'autocomplete',
42			name: 'reviewer',
43			labelI18n: 'Reviewer',
44			placeholderI18n: 'Search a reviewer',
45			source: {
46				kind: 'local',
47				searchKeys: ['id', 'name', 'email'],
48				options: [
49					{
50						labelI18n: 'Alice Martin',
51						value: 'usr_1',
52						data: {
53							id: 'usr_1',
54							name: 'Alice Martin',
55							email: 'alice@example.com',
56						},
57					},
58					{
59						labelI18n: 'Bob Chen',
60						value: 'usr_2',
61						data: { id: 'usr_2', name: 'Bob Chen', email: 'bob@example.com' },
62					},
63				],
64			},
65			valueMapping: { mode: 'object' },
66		},
67		{ kind: 'address', name: 'address', labelI18n: 'Address' },
68		{ kind: 'phone', name: 'phone', labelI18n: 'Phone' },
69		{ kind: 'date', name: 'startDate', labelI18n: 'Start date' },
70		{
71			kind: 'time',
72			name: 'startTime',
73			labelI18n: 'Start time',
74			is24Hour: true,
75		},
76		{
77			kind: 'datetime',
78			name: 'publishedAt',
79			labelI18n: 'Published at',
80			is24Hour: true,
81		},
82		{
83			kind: 'array',
84			name: 'contacts',
85			labelI18n: 'Contacts',
86			min: 1,
87			of: {
88				kind: 'group',
89				fields: [
90					{ kind: 'text', name: 'label', labelI18n: 'Label' },
91					{ kind: 'text', name: 'value', labelI18n: 'Value' },
92				],
93			},
94		},
95	],
96	actions: [{ key: 'submit', labelI18n: 'Save' }],
97	policy: { flags: [], pii: ['address', 'phone'] },
98	renderHints: { ui: 'custom', form: 'react-hook-form' },
99});