src/applications/simple-forms/21-4142/pages/personalInformation1.js
import React from 'react';
import fullSchema from 'vets-json-schema/dist/21-4142-schema.json';
import dateUI from 'platform/forms-system/src/js/definitions/date';
import { intersection, pick } from 'lodash';
import { fullNameDeprecatedUI } from '../../shared/definitions/rjsfPatterns';
import { veteranFields } from '../definitions/constants';
const { required, properties } = fullSchema.properties[
veteranFields.parentObject
];
const pageFields = [veteranFields.fullName, veteranFields.dateOfBirth];
/** @type {PageSchema} */
export default {
uiSchema: {
[veteranFields.parentObject]: {
'ui:title': (
<h3 className="vads-u-color--gray-dark vads-u-margin-top--0">
Tell us about the Veteran connected to this authorization
</h3>
),
[veteranFields.fullName]: fullNameDeprecatedUI,
[veteranFields.dateOfBirth]: dateUI('Date of birth'),
},
},
schema: {
type: 'object',
properties: {
[veteranFields.parentObject]: {
type: 'object',
required: intersection(required, pageFields),
properties: pick(properties, pageFields),
},
},
},
};