Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(cs8): add feedback from QA #789

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
130 changes: 81 additions & 49 deletions lib/libs/webforms/CS8/v202401.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down Expand Up @@ -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",
Expand All @@ -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]",
},
Expand All @@ -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]",
},
Expand All @@ -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]",
},
Expand All @@ -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",
},
Expand All @@ -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]",
},
Expand All @@ -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: [
Expand Down Expand Up @@ -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",
},
Expand All @@ -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",
Expand All @@ -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,
Expand Down Expand Up @@ -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: [
Expand All @@ -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]",
},
Expand All @@ -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",
},
Expand Down Expand Up @@ -423,26 +431,33 @@ 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]",
},
},
{
rhf: "Input",
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",
Expand All @@ -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,
Expand Down Expand Up @@ -516,26 +531,33 @@ 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]",
},
},
{
rhf: "Input",
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",
Expand All @@ -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,
Expand Down Expand Up @@ -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]",
},
Expand All @@ -628,7 +658,7 @@ export const v202401: FormSchema = {
},
},
label: "Describe",
labelClassName: "font-bold",
labelClassName: "font-bold text-[#212121]",
props: {
className: "w-[527px]",
},
Expand All @@ -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",
Expand All @@ -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,
Expand Down
Loading