@bloom-housing/ui-components 12.4.1 → 12.6.0

package/dist/src/page_components/listing/ListingsGroup.d.ts

@@ -9,6 +9,9 @@ export interface ListingsGroupProps {
     info?: string;
     listingsCount: number;
     showButtonText: string;
+    refKey?: string;
+    observerRef?: React.MutableRefObject<null | IntersectionObserver>;
+    isOpen?: boolean;
 }
 declare const ListingsGroup: (props: ListingsGroupProps) => JSX.Element;
 export { ListingsGroup as default, ListingsGroup };

package/dist/src/page_components/listing/ListingsGroup.js

@@ -1,19 +1,29 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { Button } from "../../actions/Button";
 import { Icon } from "../../icons/Icon";
 import "./ListingsGroup.scss";
 var ListingsGroup = function (props) {
-    var _a;
-    var _b = useState(false), showListings = _b[0], setShowListings = _b[1];
+    var _a, _b;
+    var _c = useState(false), showListings = _c[0], setShowListings = _c[1];
     var toggleListings = function () { return setShowListings(!showListings); };
     var listingsCount = " (".concat(props.listingsCount, ")");
+    useEffect(function () {
+        if (props.isOpen) {
+            setShowListings(true);
+        }
+    }, [props.isOpen]);
     return (React.createElement("div", { className: "listings-group" },
         React.createElement("div", { className: "listings-group__header" },
             React.createElement("div", { className: "listings-group__content" },
                 React.createElement("div", { className: "listings-group__icon" },
                     React.createElement(Icon, { size: "xlarge", symbol: (_a = props.icon) !== null && _a !== void 0 ? _a : "clock" })),
                 React.createElement("div", { className: "listings-group__header-group" },
-                    React.createElement("h2", { className: "listings-group__title" }, props.header),
+                    React.createElement("h2", { id: (_b = props.refKey) !== null && _b !== void 0 ? _b : props.header, ref: function (el) {
+                            var _a, _b;
+                            if (el) {
+                                (_b = (_a = props.observerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.observe(el);
+                            }
+                        }, className: "listings-group__title" }, props.header),
                     props.info && React.createElement("div", { className: "listings-group__info" }, props.info))),
             React.createElement("div", { className: "listings-group__button" },
                 React.createElement(Button, { className: "w-full", onClick: function () { return toggleListings(); } }, showListings

package/dist/src/page_components/listing/ListingsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingsGroup.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAqB,MAAM,kBAAkB,CAAA;AAC1D,OAAO,sBAAsB,CAAA;AAY7B,IAAM,aAAa,GAAG,UAAC,KAAyB;;IACxC,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IACvD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,CAAC,CAAC,YAAY,CAAC,EAA9B,CAA8B,CAAA;IAE3D,IAAM,aAAa,GAAG,YAAK,KAAK,CAAC,aAAa,MAAG,CAAA;IAEjD,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAE,yBAAyB;gBACvC,6BAAK,SAAS,EAAC,sBAAsB;oBACnC,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CACjD;gBACN,6BAAK,SAAS,EAAC,8BAA8B;oBAC3C,4BAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,MAAM,CAAM;oBACxD,KAAK,CAAC,IAAI,IAAI,6BAAK,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,IAAI,CAAO,CACnE,CACF;YACN,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,IACvD,YAAY;oBACX,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,aAAa;oBACtC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,aAAa,CACjC,CACL,CACF;QACL,YAAY,IAAI,KAAK,CAAC,QAAQ,CAC3B,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"ListingsGroup.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAqB,MAAM,kBAAkB,CAAA;AAC1D,OAAO,sBAAsB,CAAA;AAe7B,IAAM,aAAa,GAAG,UAAC,KAAyB;;IACxC,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IACvD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,CAAC,CAAC,YAAY,CAAC,EAA9B,CAA8B,CAAA;IAE3D,IAAM,aAAa,GAAG,YAAK,KAAK,CAAC,aAAa,MAAG,CAAA;IAEjD,SAAS,CAAC;QACR,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAE,yBAAyB;gBACvC,6BAAK,SAAS,EAAC,sBAAsB;oBACnC,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CACjD;gBACN,6BAAK,SAAS,EAAC,8BAA8B;oBAC3C,4BACE,EAAE,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,KAAK,CAAC,MAAM,EAChC,GAAG,EAAE,UAAC,EAAE;;4BACN,IAAI,EAAE,EAAE;gCACN,MAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,0CAAE,OAAO,CAAC,EAAE,CAAC,CAAA;6BACxC;wBACH,CAAC,EACD,SAAS,EAAC,uBAAuB,IAEhC,KAAK,CAAC,MAAM,CACV;oBACJ,KAAK,CAAC,IAAI,IAAI,6BAAK,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,IAAI,CAAO,CACnE,CACF;YACN,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,IACvD,YAAY;oBACX,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,aAAa;oBACtC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,aAAa,CACjC,CACL,CACF;QACL,YAAY,IAAI,KAAK,CAAC,QAAQ,CAC3B,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/src/page_components/listing/listing_sidebar/Contact.d.ts

@@ -27,6 +27,8 @@ export interface ContactProps {
     contactTitleClassname?: string;
     /** The text for the section's header */
     sectionTitle: string;
+    /** The header level for the sectionTitle */
+    priority?: number;
     strings: {
         email?: string;
         getDirections: string;
@@ -34,5 +36,5 @@ export interface ContactProps {
     };
 }
 /** Displays information about a contact, including their address, contact information, and notes */
-declare const Contact: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, strings, }: ContactProps) => JSX.Element;
+declare const Contact: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, priority, strings, }: ContactProps) => JSX.Element;
 export { Contact as default, Contact };

package/dist/src/page_components/listing/listing_sidebar/Contact.js

@@ -4,7 +4,7 @@ import { Icon, IconFillColors } from "../../../icons/Icon";
 import { Heading } from "../../../text/Heading";
 /** Displays information about a contact, including their address, contact information, and notes */
 var Contact = function (_a) {
-    var additionalInformation = _a.additionalInformation, contactAddress = _a.contactAddress, contactCompany = _a.contactCompany, contactEmail = _a.contactEmail, contactName = _a.contactName, contactPhoneNumber = _a.contactPhoneNumber, contactPhoneNumberNote = _a.contactPhoneNumberNote, contactTitle = _a.contactTitle, contactTitleClassname = _a.contactTitleClassname, sectionTitle = _a.sectionTitle, strings = _a.strings;
+    var additionalInformation = _a.additionalInformation, contactAddress = _a.contactAddress, contactCompany = _a.contactCompany, contactEmail = _a.contactEmail, contactName = _a.contactName, contactPhoneNumber = _a.contactPhoneNumber, contactPhoneNumberNote = _a.contactPhoneNumberNote, contactTitle = _a.contactTitle, contactTitleClassname = _a.contactTitleClassname, sectionTitle = _a.sectionTitle, priority = _a.priority, strings = _a.strings;
     var formattedPhoneLink = contactPhoneNumber
         ? "tel:".concat(contactPhoneNumber.replace(/[-()]/g, ""))
         : undefined;
@@ -15,7 +15,7 @@ var Contact = function (_a) {
     if (contactTitleClassname)
         contactTitleClasses.push(contactTitleClassname);
     return (React.createElement("section", { className: "aside-block" },
-        React.createElement(Heading, { priority: 4, styleType: "underlineWeighted" }, sectionTitle),
+        React.createElement(Heading, { priority: priority !== null && priority !== void 0 ? priority : 4, styleType: "underlineWeighted" }, sectionTitle),
         contactName && React.createElement("p", { className: "text-xl" }, contactName),
         contactTitle && React.createElement("p", { className: contactTitleClasses.join(" ") }, contactTitle),
         (contactCompany === null || contactCompany === void 0 ? void 0 : contactCompany.name) && React.createElement("p", { className: "text-gray-700" }, contactCompany.name),

package/dist/src/page_components/listing/listing_sidebar/Contact.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contact.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/Contact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AA0B/C,oGAAoG;AACpG,IAAM,OAAO,GAAG,UAAC,EAYF;QAXb,qBAAqB,2BAAA,EACrB,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,OAAO,aAAA;IAEP,IAAM,kBAAkB,GAAG,kBAAkB;QAC3C,CAAC,CAAC,cAAO,kBAAkB,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAE;QACnD,CAAC,CAAC,SAAS,CAAA;IACb,IAAM,uBAAuB,GAC3B,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;QACpE,CAAC,CAAC,iBAAU,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAE;QACrC,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAA;IAC7B,IAAM,mBAAmB,GAAG,CAAC,eAAe,CAAC,CAAA;IAC7C,IAAI,qBAAqB;QAAE,mBAAmB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;IAE1E,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC9B,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,IACjD,YAAY,CACL;QAET,WAAW,IAAI,2BAAG,SAAS,EAAC,SAAS,IAAE,WAAW,CAAK;QACvD,YAAY,IAAI,2BAAG,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,YAAY,CAAK;QAC/E,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,KAAI,2BAAG,SAAS,EAAC,eAAe,IAAE,cAAc,CAAC,IAAI,CAAK;QAE9E,kBAAkB,IAAI,CACrB;YACE,2BAAG,SAAS,EAAC,MAAM;gBACjB,2BAAG,IAAI,EAAE,kBAAkB;oBACzB,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAI;oBACrF,kBAAkB,CACjB,CACF;YACH,sBAAsB,IAAI,CACzB,2BAAG,SAAS,EAAC,uBAAuB,IAAE,sBAAsB,CAAK,CAClE,CACA,CACJ;QAEA,YAAY,IAAI,CACf,2BAAG,SAAS,EAAC,MAAM;YACjB,2BAAG,IAAI,EAAE,iBAAU,YAAY,CAAE;gBAC/B,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAI;gBACpF,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,CAC/B,CACF,CACL;QAEA,uBAAuB,IAAI,CAC1B,2BAAG,SAAS,EAAC,MAAM;YACjB,2BAAG,IAAI,EAAE,uBAAuB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;gBACzE,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAI;gBACrF,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,CACnC,CACF,CACL;QAEA,cAAc,IAAI,CACjB,oBAAC,cAAc,IAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,CAAC,aAAa,GAAI,CAC9E,EAEA,qBAAqB,aAArB,qBAAqB;QAArB,qBAAqB,CAAE,GAAG,CAAC,UAAC,IAAI;YAC/B,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM;gBACrC,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,IAC5C,IAAI,CAAC,KAAK,CACH;gBACV,6BAAK,SAAS,EAAC,gCAAgC,IAAE,IAAI,CAAC,OAAO,CAAO,CAChE,CACP,CAAA;QACH,CAAC,CAAC,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"Contact.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/Contact.tsx"],"names":[],"mappings":"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"}

package/dist/src/page_components/listing/listing_sidebar/Contact.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, strings, }: import("./Contact").ContactProps) => JSX.Element;
+    component: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, contactTitleClassname, sectionTitle, priority, strings, }: import("./Contact").ContactProps) => JSX.Element;
 };
 export default _default;
 export declare const NoAddress: () => JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 export interface ExpandableSectionProps {
     content: string | React.ReactNode;
     expandableContent?: string | React.ReactNode;
+    priority?: number;
     strings: {
         title: string;
         readMore?: string;
@@ -9,5 +10,5 @@ export interface ExpandableSectionProps {
         buttonAriaLabel?: string;
     };
 }
-declare const ExpandableSection: ({ content, expandableContent, strings }: ExpandableSectionProps) => JSX.Element | null;
+declare const ExpandableSection: ({ content, expandableContent, priority, strings, }: ExpandableSectionProps) => JSX.Element | null;
 export { ExpandableSection as default, ExpandableSection };

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.js

@@ -3,14 +3,14 @@ import Markdown from "markdown-to-jsx";
 import { ExpandableContent } from "../../../actions/ExpandableContent";
 import { Heading } from "../../../text/Heading";
 var ExpandableSection = function (_a) {
-    var content = _a.content, expandableContent = _a.expandableContent, strings = _a.strings;
+    var content = _a.content, expandableContent = _a.expandableContent, priority = _a.priority, strings = _a.strings;
     if (!content)
         return null;
     var getTextContent = function (textContent) {
         return (React.createElement(React.Fragment, null, typeof textContent === "string" ? (React.createElement(Markdown, { options: { disableParsingRawHTML: false } }, textContent)) : (textContent)));
     };
     return (React.createElement("section", { className: "aside-block" },
-        React.createElement(Heading, { priority: 4, styleType: "underlineWeighted" }, strings.title),
+        React.createElement(Heading, { priority: priority !== null && priority !== void 0 ? priority : 4, styleType: "underlineWeighted" }, strings.title),
         React.createElement("div", { className: "text-sm text-gray-750" },
             getTextContent(content),
             expandableContent && (React.createElement("div", { className: "mt-2" },

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAa/C,IAAM,iBAAiB,GAAG,UAAC,EAA+D;QAA7D,OAAO,aAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA;IAC9D,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,UAAC,WAAqC;QAC3D,OAAO,CACL,0CACG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAAG,WAAW,CAAY,CAC9E,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACA,CACJ,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC9B,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,IACjD,OAAO,CAAC,KAAK,CACN;QACV,6BAAK,SAAS,EAAC,uBAAuB;YACnC,cAAc,CAAC,OAAO,CAAC;YACvB,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAE,MAAM;gBACpB,oBAAC,iBAAiB,IAChB,OAAO,EAAE;wBACP,QAAQ,EAAE,OAAO,CAAC,QAAQ;wBAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;wBAC1B,eAAe,EAAE,OAAO,CAAC,eAAe;qBACzC,IAEA,cAAc,CAAC,iBAAiB,CAAC,CAChB,CAChB,CACP,CACG,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAc/C,IAAM,iBAAiB,GAAG,UAAC,EAKF;QAJvB,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,UAAC,WAAqC;QAC3D,OAAO,CACL,0CACG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAAG,WAAW,CAAY,CAC9E,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACA,CACJ,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC9B,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,IAC7D,OAAO,CAAC,KAAK,CACN;QACV,6BAAK,SAAS,EAAC,uBAAuB;YACnC,cAAc,CAAC,OAAO,CAAC;YACvB,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAE,MAAM;gBACpB,oBAAC,iBAAiB,IAChB,OAAO,EAAE;wBACP,QAAQ,EAAE,OAAO,CAAC,QAAQ;wBAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;wBAC1B,eAAe,EAAE,OAAO,CAAC,eAAe;qBACzC,IAEA,cAAc,CAAC,iBAAiB,CAAC,CAChB,CAChB,CACP,CACG,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ content, expandableContent, strings }: import("./ExpandableSection").ExpandableSectionProps) => JSX.Element | null;
+    component: ({ content, expandableContent, priority, strings, }: import("./ExpandableSection").ExpandableSectionProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Default: () => JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.d.ts

@@ -11,6 +11,7 @@ type EventSectionProps = {
     headerText?: string;
     sectionHeader?: boolean;
     dateClassName?: string;
+    priority?: number;
 };
 declare const EventSection: (props: EventSectionProps) => JSX.Element | null;
 export { EventSection as default, EventSection };

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.js

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Heading } from "../../../../text/Heading";
 var EventSection = function (props) {
+    var _a;
     if (!props.events.length)
         return null;
     var dateClasses = ["inline-block text-sm uppercase"];
@@ -8,7 +9,7 @@ var EventSection = function (props) {
         dateClasses.push(props.dateClassName);
     }
     return (React.createElement("section", { className: "aside-block" },
-        props.headerText && (React.createElement(Heading, { priority: 4, styleType: props.sectionHeader ? "underlineWeighted" : "capsWeighted" }, props.headerText)),
+        props.headerText && (React.createElement(Heading, { priority: (_a = props.priority) !== null && _a !== void 0 ? _a : 4, styleType: props.sectionHeader ? "underlineWeighted" : "capsWeighted" }, props.headerText)),
         props.events.map(function (event, index) { return (React.createElement("div", { key: "events-".concat(index), className: "".concat(index !== props.events.length - 1 && "pb-3") },
             event.dateString && (React.createElement("p", { className: "text text-gray-800 pb-2 flex justify-between items-center" },
                 React.createElement("span", { className: dateClasses.join(" ") }, event.dateString),

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventSection.js","sourceRoot":"","sources":["../../../../../../src/page_components/listing/listing_sidebar/events/EventSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAiBlD,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC5C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAErC,IAAM,WAAW,GAAG,CAAC,gCAAgC,CAAC,CAAA;IAEtD,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;KACtC;IAED,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC7B,KAAK,CAAC,UAAU,IAAI,CACnB,oBAAC,OAAO,IACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAEpE,KAAK,CAAC,UAAU,CACT,CACX;QACA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAClC,6BAAK,GAAG,EAAE,iBAAU,KAAK,CAAE,EAAE,SAAS,EAAE,UAAG,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAE;YACrF,KAAK,CAAC,UAAU,IAAI,CACnB,2BAAG,SAAS,EAAC,2DAA2D;gBACtE,8BAAM,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,UAAU,CAAQ;gBAChE,KAAK,CAAC,UAAU,IAAI,CACnB,8BAAM,SAAS,EAAC,mDAAmD,IAChE,KAAK,CAAC,UAAU,CACZ,CACR,CACC,CACL;YACA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAClC,2BAAG,SAAS,EAAC,cAAc;gBACzB,2BAAG,IAAI,EAAE,KAAK,CAAC,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAK,CAC1C,CACL;YACA,KAAK,CAAC,IAAI,IAAI,CACb,6BAAK,SAAS,EAAE,gCAAyB,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAE,IACnF,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,+BAAI,KAAK,CAAC,IAAI,CAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAC9D,CACP,CACG,CACP,EAvBmC,CAuBnC,CAAC,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"EventSection.js","sourceRoot":"","sources":["../../../../../../src/page_components/listing/listing_sidebar/events/EventSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAkBlD,IAAM,YAAY,GAAG,UAAC,KAAwB;;IAC5C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAErC,IAAM,WAAW,GAAG,CAAC,gCAAgC,CAAC,CAAA;IAEtD,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;KACtC;IAED,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC7B,KAAK,CAAC,UAAU,IAAI,CACnB,oBAAC,OAAO,IACN,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,CAAC,EAC7B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAEpE,KAAK,CAAC,UAAU,CACT,CACX;QACA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAClC,6BAAK,GAAG,EAAE,iBAAU,KAAK,CAAE,EAAE,SAAS,EAAE,UAAG,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAE;YACrF,KAAK,CAAC,UAAU,IAAI,CACnB,2BAAG,SAAS,EAAC,2DAA2D;gBACtE,8BAAM,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,UAAU,CAAQ;gBAChE,KAAK,CAAC,UAAU,IAAI,CACnB,8BAAM,SAAS,EAAC,mDAAmD,IAChE,KAAK,CAAC,UAAU,CACZ,CACR,CACC,CACL;YACA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAClC,2BAAG,SAAS,EAAC,cAAc;gBACzB,2BAAG,IAAI,EAAE,KAAK,CAAC,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAK,CAC1C,CACL;YACA,KAAK,CAAC,IAAI,IAAI,CACb,6BAAK,SAAS,EAAE,gCAAyB,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAE,IACnF,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,+BAAI,KAAK,CAAC,IAAI,CAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAC9D,CACP,CACG,CACP,EAvBmC,CAuBnC,CAAC,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "12.4.1",
+  "version": "12.6.0",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/ui-components",

package/src/page_components/listing/ListingsGroup.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react"
+import React, { useState, useEffect } from "react"
 import { Button } from "../../actions/Button"
 import { Icon, UniversalIconType } from "../../icons/Icon"
 import "./ListingsGroup.scss"
@@ -11,6 +11,9 @@ export interface ListingsGroupProps {
   info?: string
   listingsCount: number
   showButtonText: string
+  refKey?: string
+  observerRef?: React.MutableRefObject<null | IntersectionObserver>
+  isOpen?: boolean
 }
 
 const ListingsGroup = (props: ListingsGroupProps) => {
@@ -19,6 +22,12 @@ const ListingsGroup = (props: ListingsGroupProps) => {
 
   const listingsCount = ` (${props.listingsCount})`
 
+  useEffect(() => {
+    if (props.isOpen) {
+      setShowListings(true)
+    }
+  }, [props.isOpen])
+
   return (
     <div className="listings-group">
       <div className="listings-group__header">
@@ -27,7 +36,17 @@ const ListingsGroup = (props: ListingsGroupProps) => {
             <Icon size="xlarge" symbol={props.icon ?? `clock`} />
           </div>
           <div className="listings-group__header-group">
-            <h2 className="listings-group__title">{props.header}</h2>
+            <h2
+              id={props.refKey ?? props.header}
+              ref={(el) => {
+                if (el) {
+                  props.observerRef?.current?.observe(el)
+                }
+              }}
+              className="listings-group__title"
+            >
+              {props.header}
+            </h2>
             {props.info && <div className="listings-group__info">{props.info}</div>}
           </div>
         </div>

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

@@ -25,6 +25,8 @@ export interface ContactProps {
   contactTitleClassname?: string
   /** The text for the section's header */
   sectionTitle: string
+  /** The header level for the sectionTitle */
+  priority?: number
   strings: { email?: string; getDirections: string; website?: string }
 }
 
@@ -40,6 +42,7 @@ const Contact = ({
   contactTitle,
   contactTitleClassname,
   sectionTitle,
+  priority,
   strings,
 }: ContactProps) => {
   const formattedPhoneLink = contactPhoneNumber
@@ -54,7 +57,7 @@ const Contact = ({
 
   return (
     <section className="aside-block">
-      <Heading priority={4} styleType={"underlineWeighted"}>
+      <Heading priority={priority ?? 4} styleType={"underlineWeighted"}>
         {sectionTitle}
       </Heading>
 

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

@@ -6,6 +6,7 @@ import { Heading } from "../../../text/Heading"
 export interface ExpandableSectionProps {
   content: string | React.ReactNode
   expandableContent?: string | React.ReactNode
+  priority?: number
   strings: {
     title: string
     readMore?: string
@@ -14,7 +15,12 @@ export interface ExpandableSectionProps {
   }
 }
 
-const ExpandableSection = ({ content, expandableContent, strings }: ExpandableSectionProps) => {
+const ExpandableSection = ({
+  content,
+  expandableContent,
+  priority,
+  strings,
+}: ExpandableSectionProps) => {
   if (!content) return null
 
   const getTextContent = (textContent: string | React.ReactNode) => {
@@ -30,7 +36,7 @@ const ExpandableSection = ({ content, expandableContent, strings }: ExpandableSe
   }
   return (
     <section className="aside-block">
-      <Heading priority={4} styleType={"underlineWeighted"}>
+      <Heading priority={priority ?? 4} styleType={"underlineWeighted"}>
         {strings.title}
       </Heading>
       <div className="text-sm text-gray-750">

package/src/page_components/listing/listing_sidebar/events/EventSection.tsx

@@ -14,6 +14,7 @@ type EventSectionProps = {
   headerText?: string
   sectionHeader?: boolean
   dateClassName?: string
+  priority?: number
 }
 
 const EventSection = (props: EventSectionProps) => {
@@ -29,7 +30,7 @@ const EventSection = (props: EventSectionProps) => {
     <section className="aside-block">
       {props.headerText && (
         <Heading
-          priority={4}
+          priority={props.priority ?? 4}
           styleType={props.sectionHeader ? "underlineWeighted" : "capsWeighted"}
         >
           {props.headerText}