@bloom-housing/ui-components 4.4.1-alpha.7 → 5.0.0

package/src/helpers/tableSummaries.tsx

@@ -1,104 +0,0 @@
-import * as React from "react"
-import { t } from "./translator"
-import { UnitSummary, ListingAvailability } from "@bloom-housing/backend-core/types"
-import { StandardTableData } from "../tables/StandardTable"
-
-export const unitSummariesTable = (
-  summaries: UnitSummary[],
-  listingAvailability: ListingAvailability
-): StandardTableData => {
-  const unitSummaries = summaries?.map((unitSummary) => {
-    const unitPluralization = unitSummary.totalAvailable == 1 ? t("t.unit") : t("t.units")
-    const minIncome =
-      unitSummary.minIncomeRange.min == unitSummary.minIncomeRange.max ? (
-        <strong>{unitSummary.minIncomeRange.min}</strong>
-      ) : (
-        <>
-          <strong>{unitSummary.minIncomeRange.min}</strong>
-          {` ${t("t.to")} `}
-          <strong>{unitSummary.minIncomeRange.max}</strong>
-        </>
-      )
-
-    const getRent = (rentMin: string, rentMax: string, percent = false) => {
-      const unit = percent ? `% ${t("t.income")}` : ` ${t("t.perMonth")}`
-      return rentMin == rentMax ? (
-        <>
-          <strong>{rentMin}</strong>
-          {unit}
-        </>
-      ) : (
-        <>
-          <strong>{rentMin}</strong>
-          {` ${t("t.to")} `}
-          <strong>{rentMax}</strong>
-          {unit}
-        </>
-      )
-    }
-
-    // Use rent as percent income if available, otherwise use exact rent
-    const rent = unitSummary.rentAsPercentIncomeRange.min
-      ? getRent(
-          unitSummary.rentAsPercentIncomeRange.min.toString(),
-          unitSummary.rentAsPercentIncomeRange.max.toString(),
-          true
-        )
-      : getRent(unitSummary.rentRange.min, unitSummary.rentRange.max)
-
-    let availability = null
-    if (listingAvailability === ListingAvailability.availableUnits) {
-      availability = (
-        <span>
-          {unitSummary.totalAvailable > 0 ? (
-            <>
-              <strong>{unitSummary.totalAvailable}</strong> {unitPluralization}
-            </>
-          ) : (
-            <span>
-              <strong>{t("listings.waitlist.open")}</strong>
-            </span>
-          )}
-        </span>
-      )
-    } else if (listingAvailability === ListingAvailability.openWaitlist) {
-      availability = (
-        <span>
-          <strong>{t("listings.waitlist.open")}</strong>
-        </span>
-      )
-    }
-
-    return {
-      unitType: {
-        content: <strong>{t(`listings.unitTypes.${unitSummary.unitType?.name}`)}</strong>,
-      },
-      minimumIncome: {
-        content: (
-          <span>
-            {minIncome}
-            {` ${t("t.perMonth")}`}
-          </span>
-        ),
-      },
-      rent: { content: <span>{rent}</span> },
-      availability: {
-        content: availability,
-      },
-    }
-  })
-
-  return unitSummaries
-}
-
-export const getSummariesTable = (
-  summaries: UnitSummary[],
-  listingAvailability: ListingAvailability
-): StandardTableData => {
-  let unitSummaries: StandardTableData = []
-
-  if (summaries?.length > 0) {
-    unitSummaries = unitSummariesTable(summaries, listingAvailability)
-  }
-  return unitSummaries
-}

package/src/notifications/index.ts

@@ -1,4 +0,0 @@
-export { AlertBox } from "./AlertBox"
-export { AlertNotice } from "./AlertNotice"
-export { SiteAlert, setSiteAlertMessage } from "./SiteAlert"
-export type { AlertTypes } from "./alertTypes"

package/src/page_components/listing/UnitTables.tsx

@@ -1,122 +0,0 @@
-import React from "react"
-import { MinMax, UnitSummary, Unit } from "@bloom-housing/backend-core/types"
-
-import { StandardTable, StandardTableData } from "../../tables/StandardTable"
-import { t } from "../../helpers/translator"
-import { numberOrdinal } from "../../helpers/numberOrdinal"
-import { ContentAccordion } from "./ContentAccordion"
-
-const formatRange = (range: MinMax, ordinalize?: boolean) => {
-  let min: string | number = range.min
-  let max: string | number = range.max
-
-  if (ordinalize) {
-    min = numberOrdinal(min)
-    max = numberOrdinal(max)
-  }
-
-  if (min == max) {
-    return min
-  } else {
-    return `${min} - ${max}`
-  }
-}
-
-const unitsLabel = (units: Unit[]): string => {
-  const label = units.length > 1 ? t("t.units") : t("t.unit")
-  return `${units.length} ${label}`
-}
-
-interface UnitTablesProps {
-  units: Unit[]
-  unitSummaries: UnitSummary[]
-  disableAccordion?: boolean
-}
-
-const UnitTables = (props: UnitTablesProps) => {
-  const unitSummaries = props.unitSummaries || []
-
-  const unitsHeaders = {
-    number: "t.unit",
-    sqFeet: "t.area",
-    numBathrooms: "listings.bath",
-    floor: "t.floor",
-  }
-
-  return (
-    <>
-      {unitSummaries.map((unitSummary: UnitSummary, index) => {
-        const units = props.units.filter(
-          (unit: Unit) => unit.unitType?.name == unitSummary.unitType.name
-        )
-        const unitsFormatted = [] as StandardTableData
-        let floorSection: React.ReactNode
-        units.forEach((unit: Unit) => {
-          unitsFormatted.push({
-            number: { content: unit.number },
-            sqFeet: {
-              content: (
-                <>
-                  {unit.sqFeet ? (
-                    <>
-                      <strong>{parseInt(unit.sqFeet)}</strong> {t("t.sqFeet")}
-                    </>
-                  ) : (
-                    <></>
-                  )}
-                </>
-              ),
-            },
-            numBathrooms: { content: <strong>{unit.numBathrooms}</strong> },
-            floor: { content: <strong>{unit.floor}</strong> },
-          })
-        })
-
-        let areaRangeSection: React.ReactNode
-        if (unitSummary.areaRange?.min || unitSummary.areaRange?.max) {
-          areaRangeSection = `, ${formatRange(unitSummary.areaRange)} ${t("t.squareFeet")}`
-        }
-
-        if (unitSummary.floorRange && unitSummary.floorRange.min) {
-          floorSection = `, ${formatRange(unitSummary.floorRange, true)} 
-              ${
-                unitSummary.floorRange.max > unitSummary.floorRange.min
-                  ? t("t.floors")
-                  : t("t.floor")
-              }`
-        }
-
-        const getBarContent = () => {
-          return (
-            <h3 className={"toggle-header-content"}>
-              <strong>{t("listings.unitTypes." + unitSummary.unitType.name)}</strong>:&nbsp;
-              {unitsLabel(units)}
-              {areaRangeSection}
-              {floorSection}
-            </h3>
-          )
-        }
-
-        const getExpandableContent = () => {
-          return (
-            <div className="unit-table">
-              <StandardTable headers={unitsHeaders} data={unitsFormatted} />
-            </div>
-          )
-        }
-
-        return (
-          <ContentAccordion
-            customBarContent={getBarContent()}
-            customExpandedContent={getExpandableContent()}
-            disableAccordion={props.disableAccordion}
-            accordionTheme={"blue"}
-            key={index}
-          />
-        )
-      })}
-    </>
-  )
-}
-
-export { UnitTables as default, UnitTables }

package/src/page_components/listing/listing_sidebar/WhatToExpect.tsx

@@ -1,22 +0,0 @@
-import * as React from "react"
-import { t } from "../../../helpers/translator"
-import { Listing } from "@bloom-housing/backend-core/types"
-
-interface WhatToExpectProps {
-  listing: Listing
-}
-
-const WhatToExpect = (props: WhatToExpectProps) => {
-  const listing = props.listing
-
-  return (
-    <section className="aside-block">
-      <h4 className="text-caps-underline">{t("whatToExpect.label")}</h4>
-      <p className="text-tiny text-gray-800">
-        {listing.whatToExpect ? listing.whatToExpect : t("whatToExpect.default")}
-      </p>
-    </section>
-  )
-}
-
-export { WhatToExpect as default, WhatToExpect }

package/src/prototypes/SideNav.tsx

@@ -1,14 +0,0 @@
-import * as React from "react"
-import "./SideNav.scss"
-
-export interface SideNavProps {
-  children: React.ReactNode[]
-}
-
-const SideNav = (props: SideNavProps) => (
-  <nav className="side-nav" aria-label="Secondary navigation">
-    <ul>{props.children}</ul>
-  </nav>
-)
-
-export { SideNav as default, SideNav }