@bloom-housing/ui-components 4.0.1-alpha.42 → 4.0.1-alpha.46

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.1-alpha.46](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.45...@bloom-housing/ui-components@4.0.1-alpha.46) (2022-02-08)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1-alpha.45](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.44...@bloom-housing/ui-components@4.0.1-alpha.45) (2022-02-07)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1-alpha.44](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.43...@bloom-housing/ui-components@4.0.1-alpha.44) (2022-02-02)
+
+
+### Bug Fixes
+
+* unit accordion radio button not showing default value ([#2451](https://github.com/bloom-housing/bloom/issues/2451)) ([4ed8103](https://github.com/bloom-housing/bloom/commit/4ed81039b9130d0433b11df2bdabc495ce2b9f24))
+
+
+
+
+
+## [4.0.1-alpha.43](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.42...@bloom-housing/ui-components@4.0.1-alpha.43) (2022-02-02)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.0.1-alpha.42](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.41...@bloom-housing/ui-components@4.0.1-alpha.42) (2022-02-02)
 
 **Note:** Version bump only for package @bloom-housing/ui-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.0.1-alpha.42",
+  "version": "4.0.1-alpha.46",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/bloom/tree/master/shared/ui-components",
@@ -69,7 +69,7 @@
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "@bloom-housing/backend-core": "^3.0.2-alpha.27",
+    "@bloom-housing/backend-core": "^3.0.2-alpha.30",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/jwt-decode": "^2.2.1",
@@ -100,5 +100,5 @@
     "tailwindcss": "2.2.10",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "7193e52acee8450bb3997cf96311d7964a6634c5"
+  "gitHead": "05adf4166eacf3605b0a2b395119cfb1cef68387"
 }

package/src/forms/DOBField.tsx

@@ -41,7 +41,7 @@ const DOBField = (props: DOBFieldProps) => {
   const validateAge = (value: string) => {
     return (
       parseInt(value) > 1900 &&
-      dayjs(`${birthMonth}/${birthDay}/${value}`, "MM/DD/YYYY") < dayjs().subtract(18, "years")
+      dayjs(`${birthMonth}/${birthDay}/${value}`, "M/D/YYYY") < dayjs().subtract(18, "years")
     )
   }
 

package/src/forms/FieldGroup.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react"
+import React, { useState, useEffect, useCallback } from "react"
 import { ExpandableContent } from "../actions/ExpandableContent"
 import { ErrorMessage } from "../notifications/ErrorMessage"
 import { UseFormMethods, RegisterOptions } from "react-hook-form"
@@ -9,6 +9,7 @@ interface FieldSingle {
   id: string
   label: string
   value?: string
+  dataTestId?: string
   defaultChecked?: boolean
   description?: React.ReactNode
   defaultText?: string
@@ -87,7 +88,7 @@ const FieldGroup = ({
           disabled={item.disabled}
           ref={register(validation)}
           {...item.inputProps}
-          data-test-id={dataTestId}
+          data-test-id={item.dataTestId ?? dataTestId}
         />
         <label
           htmlFor={item.id}
@@ -110,22 +111,25 @@ const FieldGroup = ({
     )
   }
 
-  const checkSelected = (formFields: FieldSingle[] | undefined, checkedValues: string[]) => {
-    formFields?.forEach((field) => {
-      if (field.defaultChecked) {
-        checkedValues.push(field.label)
-      }
-      if (field.subFields) {
-        checkSelected(field.subFields, checkedValues)
-      }
-    })
-  }
+  const checkSelected = useCallback(
+    (formFields: FieldSingle[] | undefined, checkedValues: string[]) => {
+      formFields?.forEach((field) => {
+        if (field.defaultChecked) {
+          checkedValues.push(field.label)
+        }
+        if (field.subFields) {
+          checkSelected(field.subFields, checkedValues)
+        }
+      })
+    },
+    []
+  )
 
   useEffect(() => {
     const initialValues: string[] = []
     checkSelected(fields, initialValues)
     setCheckedInputs([...initialValues])
-  }, [])
+  }, [checkSelected, setCheckedInputs, fields])
 
   const getInputSet = (item: FieldSingle): React.ReactNode => {
     return (
@@ -141,6 +145,7 @@ const FieldGroup = ({
             placeholder={t("t.description")}
             className={"mb-4"}
             disabled={item.disabled}
+            dataTestId={item.dataTestId}
           />
         )}
       </div>

package/src/locales/general.json

@@ -428,6 +428,17 @@
         "doNotConsider": {
           "label": "No"
         }
+      },
+      "rentBasedOnIncome": {
+        "summary": "Flat Rent & Rent Based on Income",
+        "flatRent": {
+          "label": "Affordable apartment with flat rent",
+          "description": "I would like to apply for an affordable flat rent apartment, which has a set monthly rent amount that is below market rate. Note - applicants with Section 8 Mobile Housing Choice Vouchers (HCV) are welcome to apply."
+        },
+        "30Percent": {
+          "label": "Project based affordable apartments with a rent at 30% of your income",
+          "description": "I would like to apply for an apartment with Project-Based subsidy. These apartments require initial screening and yearly certification by the Housing Authority. The Housing Authority will calculate my monthly rent payment to approximately 30% of monthly income."
+        }
       }
     },
     "preferences": {
@@ -911,7 +922,8 @@
   "errors": {
     "alert": {
       "badRequest": "Looks like something went wrong. Please try again. \n\nContact your housing department if you're still experiencing issues.",
-      "timeoutPleaseTryAgain": "Oops! Looks like something went wrong. Please try again."
+      "timeoutPleaseTryAgain": "Oops! Looks like something went wrong. Please try again.",
+      "emailConflict": "That email is already in use"
     },
     "notFound": {
       "title": "Page Not Found",

package/src/page_components/listing/UnitTables.tsx

@@ -66,7 +66,13 @@ const UnitTables = (props: UnitTablesProps) => {
             number: unit.number,
             sqFeet: (
               <>
-                <strong>{unit.sqFeet}</strong> {t("t.sqFeet")}
+                {unit.sqFeet ? (
+                  <>
+                    <strong>{parseInt(unit.sqFeet)}</strong> {t("t.sqFeet")}
+                  </>
+                ) : (
+                  <></>
+                )}
               </>
             ),
             numBathrooms: <strong>{unit.numBathrooms}</strong>,