diff --git a/lib/libs/webforms/CS8/v202401.ts b/lib/libs/webforms/CS8/v202401.ts index 30f5e905e..279e4e964 100644 --- a/lib/libs/webforms/CS8/v202401.ts +++ b/lib/libs/webforms/CS8/v202401.ts @@ -19,10 +19,12 @@ export const v202401: FormSchema = { { text: "Targeted low-income pregnant women", type: "bold", + classname: "text-[#212121]", }, { text: " are uninsured pregnant or postpartum women who do not have access to public employee coverage and whose household income is within standards established by the state.", type: "default", + classname: "text-[#212121]", }, ], rules: { @@ -61,7 +63,7 @@ export const v202401: FormSchema = { rhf: "Radio", name: "age-range", label: "Age range", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", descriptionAbove: true, rules: { required: "* Required", @@ -75,9 +77,15 @@ export const v202401: FormSchema = { { rhf: "Input", name: "end-age-range", - rules: {}, + rules: { + pattern: { + value: /^[0-9]\d*$/, + message: "Must be a positive integer value", + }, + required: "* Required", + }, label: "End of age range", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[125px]", }, @@ -101,7 +109,7 @@ export const v202401: FormSchema = { }, label: "Describe how it’s determined whether the applicant will be provided coverage as a child or as a pregnant woman.", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[696px]", }, @@ -124,13 +132,13 @@ export const v202401: FormSchema = { name: "start-age-range", rules: { pattern: { - value: /^\d*\.?\d+$/, - message: "Must be a positive percentage", + value: /^[0-9]\d*$/, + message: "Must be a positive integer value", }, required: "* Required", }, label: "Start of age range", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[125px]", }, @@ -140,8 +148,8 @@ export const v202401: FormSchema = { name: "end-age-range", rules: { pattern: { - value: /^\d*\.?\d+$/, - message: "Must be a positive percentage", + value: /^[0-9]\d*$/, + message: "Must be a positive integer value", }, required: "* Required", }, @@ -155,7 +163,7 @@ export const v202401: FormSchema = { }, ], label: "End of age range", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[125px]", }, @@ -170,7 +178,7 @@ export const v202401: FormSchema = { }, label: "Does the age range for targeted low-income pregnant women overlap with the age range for targeted low-income children?", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[125px]", options: [ @@ -244,7 +252,7 @@ export const v202401: FormSchema = { rhf: "Select", name: "standards-applied-state", label: "Are income standards applied statewide?", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", rules: { required: "* Required", }, @@ -268,13 +276,13 @@ export const v202401: FormSchema = { name: "above", rules: { pattern: { - value: /^\d*\.?\d+$/, - message: "Must be a positive percentage", + value: /^[0-9]\d*$/, + message: "Must be a positive integer value", }, required: "* Required", }, label: "Above", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[159px]", icon: "% FPL", @@ -286,13 +294,13 @@ export const v202401: FormSchema = { name: "up-to-and-including", rules: { pattern: { - value: /^\d*\.?\d+$/, - message: "Must be a positive percentage", + value: /^[0-9]\d*$/, + message: "Must be a positive integer value", }, required: "* Required", }, label: "Up to and including", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { icon: "% FPL", iconRight: true, @@ -335,7 +343,7 @@ export const v202401: FormSchema = { }, label: "Are there any exceptions, such as populations in a county that may qualify under either a statewide income standard or a county income standard?", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[125px]", options: [ @@ -356,7 +364,7 @@ export const v202401: FormSchema = { }, label: "Explain, including a description of the overlapping geographic area and the reason for having different income standards.", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[696px]", }, @@ -377,7 +385,7 @@ export const v202401: FormSchema = { rhf: "Checkbox", name: "geo-variation", label: "Method of geographic variation", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", rules: { required: "* Required", }, @@ -423,11 +431,18 @@ export const v202401: FormSchema = { { rhf: "Input", name: "county-geo-var", - rules: { required: "* Required" }, + rules: { + required: "* Required", + pattern: { + value: noLeadingTrailingWhitespace, + message: + "Must not have leading or trailing whitespace.", + }, + }, label: "County", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { - className: "w-[125px]", + className: "w-[229px]", }, }, { @@ -435,14 +450,14 @@ export const v202401: FormSchema = { name: "above-county-geo-var", rules: { pattern: { - value: /^\d*\.?\d+$/, + value: /^[0-9]\d*$/, message: - "Must be a positive percentage", + "Must be a positive integer value", }, required: "* Required", }, label: "Above", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[159px]", icon: "% FPL", @@ -454,14 +469,14 @@ export const v202401: FormSchema = { name: "up-to-and-including-county-geo-var", rules: { pattern: { - value: /^\d*\.?\d+$/, + value: /^[0-9]\d*$/, message: - "Must be a positive percentage", + "Must be a positive integer value", }, required: "* Required", }, label: "Up to and including", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { icon: "% FPL", iconRight: true, @@ -516,11 +531,18 @@ export const v202401: FormSchema = { { rhf: "Input", name: "city-geo-var", - rules: { required: "* Required" }, + rules: { + required: "* Required", + pattern: { + value: noLeadingTrailingWhitespace, + message: + "Must not have leading or trailing whitespace.", + }, + }, label: "City", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { - className: "w-[125px]", + className: "w-[229px]", }, }, { @@ -528,14 +550,14 @@ export const v202401: FormSchema = { name: "above-city-geo-var", rules: { pattern: { - value: /^\d*\.?\d+$/, + value: /^[0-9]\d*$/, message: - "Must be a positive percentage", + "Must be a positive integer value", }, required: "* Required", }, label: "Above", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[159px]", icon: "% FPL", @@ -547,14 +569,14 @@ export const v202401: FormSchema = { name: "up-to-and-including-city-geo-var", rules: { pattern: { - value: /^\d*\.?\d+$/, + value: /^[0-9]\d*$/, message: - "Must be a positive percentage", + "Must be a positive integer value", }, required: "* Required", }, label: "Up to and including", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { icon: "% FPL", iconRight: true, @@ -603,15 +625,23 @@ export const v202401: FormSchema = { rhf: "WrappedGroup", name: "wrapped", props: { - wrapperClassName: "flex flex-col gap-7", + wrapperClassName: + "flex flex-col gap-7 ml-[0.6rem] px-4 border-l-4 border-l-primary mb-4", }, fields: [ { rhf: "Input", name: "other-geo-var", - rules: { required: "* Required" }, + rules: { + required: "* Required", + pattern: { + value: noLeadingTrailingWhitespace, + message: + "Must not have leading or trailing whitespace.", + }, + }, label: "Geographic Area", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[527px]", }, @@ -628,7 +658,7 @@ export const v202401: FormSchema = { }, }, label: "Describe", - labelClassName: "font-bold", + labelClassName: "font-bold text-[#212121]", props: { className: "w-[527px]", }, @@ -645,14 +675,15 @@ export const v202401: FormSchema = { name: "other-above-geo-var", rules: { pattern: { - value: /^\d*\.?\d+$/, + value: /^[0-9]\d*$/, message: - "Must be a positive percentage", + "Must be a positive integer value", }, required: "* Required", }, label: "Above", - labelClassName: "font-bold", + labelClassName: + "font-bold text-[#212121]", props: { className: "w-[159px]", icon: "% FPL", @@ -664,14 +695,15 @@ export const v202401: FormSchema = { name: "up-to-and-including-other-geo-var", rules: { pattern: { - value: /^\d*\.?\d+$/, + value: /^[0-9]\d*$/, message: - "Must be a positive percentage", + "Must be a positive integer value", }, required: "* Required", }, label: "Up to and including", - labelClassName: "font-bold", + labelClassName: + "font-bold text-[#212121]", props: { icon: "% FPL", iconRight: true,