@bloom-housing/ui-components 7.0.8-alpha.0 → 7.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalFees.js","sourceRoot":"","sources":["../../../../src/page_components/listing/AdditionalFees.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAkB9B,IAAM,cAAc,GAAG,UAAC,EAKF;;QAJpB,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,OAAO,aAAA;IAEP,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,CAAC;QAAE,OAAO,yCAAK,CAAA;IAChG,OAAO,CACL,6BAAK,SAAS,EAAC,gCAAgC;QAC7C,2BAAG,SAAS,EAAC,uBAAuB,IAAE,OAAO,CAAC,aAAa,CAAK;QAChE,6BAAK,SAAS,EAAC,4BAA4B;YACxC,cAAc,IAAI,CACjB,6BAAK,SAAS,EAAE,8BAAuB,OAAO,IAAI,MAAM,CAAE;gBACxD,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,cAAc,CAAO;gBACzD,6BAAK,SAAS,EAAC,mBAAmB,IAAE,cAAc,CAAO,EACxD,MAAA,OAAO,CAAC,qBAAqB;mBAAE,GAAG,CAAC,UAAC,aAAa,EAAE,KAAK,IAAK,OAAA,CAC5D,6BAAK,GAAG,EAAE,KAAK,IAAG,aAAa,CAAO,CACvC,EAF6D,CAE7D,CAAC,CACE,CACP;YACA,OAAO,IAAI,CACV,6BAAK,SAAS,EAAE,8BAAuB,cAAc,IAAI,MAAM,CAAE;gBAC/D,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,OAAO,CAAO;gBAClD,6BAAK,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAO,EACjD,MAAA,OAAO,CAAC,cAAc;mBAAE,GAAG,CAAC,UAAC,cAAc,EAAE,KAAK,IAAK,OAAA,CACtD,6BAAK,GAAG,EAAE,KAAK,IAAG,cAAc,CAAO,CACxC,EAFuD,CAEvD,CAAC,CACE,CACP,CACG;QACL,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,IAAI,CAC7C,6BAAK,SAAS,EAAC,4BAA4B,IACxC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACjC,6BAAK,GAAG,EAAE,sBAAe,GAAG,CAAE,EAAE,SAAS,EAAC,qBAAqB,IAC5D,IAAI,CACD,CACP,EAJkC,CAIlC,CAAC,CACE,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAE0B,iCAAO;AAAE,wCAAc"}

package/dist/src/page_components/listing/AdditionalFees.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    title: string;
+    component: ({ deposit, applicationFee, footerContent, strings, }: import("./AdditionalFees").AdditionalFeesProps) => JSX.Element;
+};
+export default _default;
+export declare const allFieldsAndFourFooterItems: () => JSX.Element;
+export declare const allFieldsAndThreeFooterItems: () => JSX.Element;
+export declare const allFieldsAndTwoFooterItems: () => JSX.Element;
+export declare const allFieldsAndFooterNotIncluded: () => JSX.Element;
+export declare const justDepositRange: () => JSX.Element;
+export declare const justApplicationFee: () => JSX.Element;
+export declare const costsNotIncluded: () => JSX.Element;

package/dist/src/page_components/listing/AdditionalFees.stories.js

@@ -0,0 +1,100 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.costsNotIncluded = exports.justApplicationFee = exports.justDepositRange = exports.allFieldsAndFooterNotIncluded = exports.allFieldsAndTwoFooterItems = exports.allFieldsAndThreeFooterItems = exports.allFieldsAndFourFooterItems = void 0;
+var React = __importStar(require("react"));
+var AdditionalFees_1 = require("./AdditionalFees");
+exports.default = {
+    title: "Listing/Additional Fees",
+    component: AdditionalFees_1.AdditionalFees,
+};
+var strings = {
+    sectionHeader: "Additional Fees",
+    deposit: "Deposit",
+    applicationFee: "Application Fee",
+};
+var allFieldsAndFourFooterItems = function () {
+    return (React.createElement(AdditionalFees_1.AdditionalFees, { deposit: "$1140  - $1500", applicationFee: "$30", footerContent: [
+            React.createElement("ul", null,
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Water"),
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Trash"),
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Sewer")),
+            "Resident responsible for PG&E, internet and phone.",
+            "Residents encouraged to obtain renter's insurance but this is not a requirement. Rent is due by the 5th of each month.",
+            "Late fee $35 and returned check fee is $35 additional.",
+        ], strings: strings }));
+};
+exports.allFieldsAndFourFooterItems = allFieldsAndFourFooterItems;
+var allFieldsAndThreeFooterItems = function () {
+    return (React.createElement(AdditionalFees_1.AdditionalFees, { deposit: "$1140 - $1500", applicationFee: "$30", footerContent: [
+            React.createElement("ul", null,
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Water"),
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Trash"),
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Sewer")),
+            "Resident responsible for PG&E, internet and phone.",
+            "Residents encouraged to obtain renter's insurance but this is not a requirement. Rent is due by the 5th of each month. Late fee $35 and returned check fee is $35 additional.",
+        ], strings: strings }));
+};
+exports.allFieldsAndThreeFooterItems = allFieldsAndThreeFooterItems;
+var allFieldsAndTwoFooterItems = function () {
+    return (React.createElement(AdditionalFees_1.AdditionalFees, { deposit: "$1140 - $1500", applicationFee: "$30", footerContent: [
+            React.createElement("ul", null,
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Water"),
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Trash"),
+                React.createElement("li", { key: 0, className: "list-disc list-inside" }, "Sewer")),
+            "Resident responsible for PG&E, internet and phone.",
+        ], strings: __assign(__assign({}, strings), { applicationFeeSubtext: ["per applicant age 18 and over", "Due at interview"], depositSubtext: ["or one month's rent", "May be higher for lower credit scores"] }) }));
+};
+exports.allFieldsAndTwoFooterItems = allFieldsAndTwoFooterItems;
+var allFieldsAndFooterNotIncluded = function () {
+    return React.createElement(AdditionalFees_1.AdditionalFees, { applicationFee: "$30", deposit: "$1140 - $1500", strings: strings });
+};
+exports.allFieldsAndFooterNotIncluded = allFieldsAndFooterNotIncluded;
+var justDepositRange = function () {
+    return React.createElement(AdditionalFees_1.AdditionalFees, { deposit: "$1140 - $1500", strings: strings });
+};
+exports.justDepositRange = justDepositRange;
+var justApplicationFee = function () {
+    return React.createElement(AdditionalFees_1.AdditionalFees, { applicationFee: "$30", strings: strings });
+};
+exports.justApplicationFee = justApplicationFee;
+var costsNotIncluded = function () {
+    return (React.createElement(AdditionalFees_1.AdditionalFees, { strings: strings, footerContent: [
+            "Resident responsible for PG&E, internet and phone.  Owner pays for water, trash, and sewage.  Residents encouraged to obtain renter's insurance but this is not a requirement.  Rent is due by the 5th of each month. Late fee $35 and returned check fee is $35 additional.",
+        ] }));
+};
+exports.costsNotIncluded = costsNotIncluded;
+//# sourceMappingURL=AdditionalFees.stories.js.map

package/dist/src/page_components/listing/AdditionalFees.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalFees.stories.js","sourceRoot":"","sources":["../../../../src/page_components/listing/AdditionalFees.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import "./ContentAccordion.scss";
+interface ContentAccordionProps {
+    customBarContent?: React.ReactNode;
+    customExpandedContent?: React.ReactNode;
+    disableAccordion?: boolean;
+    accordionTheme?: AccordionTheme;
+    barClass?: string;
+}
+export declare type AccordionTheme = "blue" | "gray";
+/**
+ * An accordion that consists of header bar content and expandable content
+ * Two existing themes under our design system are available
+ */
+declare const ContentAccordion: (props: ContentAccordionProps) => JSX.Element;
+export { ContentAccordion as default, ContentAccordion };

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

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentAccordion = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+var Icon_1 = require("../../icons/Icon");
+require("./ContentAccordion.scss");
+/**
+ * An accordion that consists of header bar content and expandable content
+ * Two existing themes under our design system are available
+ */
+var ContentAccordion = function (props) {
+    var _a = (0, react_1.useState)(false), accordionOpen = _a[0], setAccordionOpen = _a[1];
+    var buttonRef = (0, react_1.useRef)(null);
+    var toggleTable = function () {
+        var _a;
+        if (!props.disableAccordion) {
+            setAccordionOpen(!accordionOpen);
+            (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    return (react_1.default.createElement("div", { className: "mb-4" },
+        react_1.default.createElement("button", { onClick: toggleTable, className: "w-full text-left ".concat(props.disableAccordion && "cursor-default"), ref: buttonRef, "aria-expanded": accordionOpen, "data-test-id": "content-accordion-button" },
+            react_1.default.createElement("div", { className: "flex justify-between ".concat(props.barClass, " ").concat(props.accordionTheme === "blue" && "accordion-blue-theme__bar", " ").concat(props.accordionTheme === "gray" && "accordion-gray-theme__bar", " ").concat(accordionOpen && "accordion-open") },
+                props.customBarContent,
+                !props.disableAccordion && (react_1.default.createElement(react_1.default.Fragment, null, accordionOpen ? (react_1.default.createElement(Icon_1.Icon, { symbol: "closeSmall", size: "base", fill: Icon_1.IconFillColors.primary, className: "pt-1 flex items-center", dataTestId: "accordion-close", key: "accordion-close" })) : (react_1.default.createElement(Icon_1.Icon, { symbol: "arrowDown", size: "base", fill: Icon_1.IconFillColors.primary, className: "flex items-center", dataTestId: "accordion-open", key: "accordion-open" })))))),
+        accordionOpen && react_1.default.createElement("div", null, props.customExpandedContent)));
+};
+exports.default = ContentAccordion;
+exports.ContentAccordion = ContentAccordion;
+//# sourceMappingURL=ContentAccordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentAccordion.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ContentAccordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,yCAAuD;AACvD,mCAAgC;AAYhC;;;GAGG;AACH,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IAC9C,IAAA,KAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACzD,IAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAA;IAEjD,IAAM,WAAW,GAAG;;QAClB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC3B,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAA;YAChC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM;QACpB,0CACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,2BAAoB,KAAK,CAAC,gBAAgB,IAAI,gBAAgB,CAAE,EAC3E,GAAG,EAAE,SAAS,mBACC,aAAa,kBACd,0BAA0B;YAExC,uCACE,SAAS,EAAE,+BAAwB,KAAK,CAAC,QAAQ,cAC/C,KAAK,CAAC,cAAc,KAAK,MAAM,IAAI,2BAA2B,cAC5D,KAAK,CAAC,cAAc,KAAK,MAAM,IAAI,2BAA2B,cAChE,aAAa,IAAI,gBAAgB,CACjC;gBAED,KAAK,CAAC,gBAAgB;gBACtB,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,8DACG,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,WAAI,IACH,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,qBAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,wBAAwB,EACnC,UAAU,EAAE,iBAAiB,EAC7B,GAAG,EAAE,iBAAiB,GACtB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,WAAI,IACH,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,qBAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,gBAAgB,EAC5B,GAAG,EAAE,gBAAgB,GACrB,CACH,CACA,CACJ,CACG,CACC;QACR,aAAa,IAAI,2CAAM,KAAK,CAAC,qBAAqB,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA;AAE4B,mCAAO;AAAE,4CAAgB"}

package/dist/src/page_components/listing/ContentAccordion.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const blueThemeBasic: () => JSX.Element;
+export declare const blueThemeBasicDisabled: () => JSX.Element;
+export declare const blueThemeFilled: () => JSX.Element;
+export declare const grayThemeBasic: () => JSX.Element;
+export declare const grayThemeFilled: () => JSX.Element;

package/dist/src/page_components/listing/ContentAccordion.stories.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grayThemeFilled = exports.grayThemeBasic = exports.blueThemeFilled = exports.blueThemeBasicDisabled = exports.blueThemeBasic = void 0;
+var React = __importStar(require("react"));
+var ContentAccordion_1 = __importDefault(require("./ContentAccordion"));
+var StandardTable_1 = require("../../tables/StandardTable");
+var StandardTable_stories_1 = require("../../tables/StandardTable.stories");
+exports.default = {
+    title: "Listing/Content Accordion",
+};
+var barContent = function () {
+    return React.createElement(React.Fragment, null, "Header Content");
+};
+var expandedContent = function () {
+    return React.createElement("div", null, "ExpandedContent");
+};
+var blueThemeBasic = function () {
+    return (React.createElement(ContentAccordion_1.default, { customBarContent: barContent(), customExpandedContent: expandedContent(), accordionTheme: "blue" }));
+};
+exports.blueThemeBasic = blueThemeBasic;
+var blueThemeBasicDisabled = function () {
+    return (React.createElement(ContentAccordion_1.default, { customBarContent: barContent(), customExpandedContent: expandedContent(), accordionTheme: "blue", disableAccordion: true }));
+};
+exports.blueThemeBasicDisabled = blueThemeBasicDisabled;
+var blueThemeFilled = function () {
+    var customBarContent = function () {
+        return (React.createElement("h3", { className: "toggle-header-content" },
+            React.createElement("strong", null, "Studio"),
+            ":\u00A0",
+            "41 units, 285 square feet, 2nd - 3rd floors"));
+    };
+    var customExpandedContent = function () {
+        return (React.createElement("div", null,
+            React.createElement(StandardTable_1.StandardTable, { headers: StandardTable_stories_1.mockHeaders, data: StandardTable_stories_1.mockData })));
+    };
+    return (React.createElement(ContentAccordion_1.default, { customBarContent: customBarContent(), customExpandedContent: customExpandedContent(), accordionTheme: "blue" }));
+};
+exports.blueThemeFilled = blueThemeFilled;
+var grayThemeBasic = function () {
+    return (React.createElement(ContentAccordion_1.default, { customBarContent: barContent(), customExpandedContent: expandedContent(), accordionTheme: "gray" }));
+};
+exports.grayThemeBasic = grayThemeBasic;
+var grayThemeFilled = function () {
+    var customBarContent = function () {
+        return (React.createElement("span", { className: "flex w-full justify-between items-center" },
+            React.createElement("span", { className: "flex items-center" },
+                React.createElement("span", { className: "font-serif text-3xl font-medium leading-4 pr-2" }, "1"),
+                " person in household"),
+            React.createElement("span", { className: "flex pr-4 items-center" },
+                React.createElement("span", { className: "pr-1 text-gray-700" }, "Income"),
+                React.createElement("span", null, "$4,090 to $9,325"),
+                React.createElement("span", { className: "pl-1 text-gray-700" }, "per month"))));
+    };
+    var customExpandedContent = function () {
+        return React.createElement("div", { className: "border border-gray-400 border-t-0 p-4" }, "Content");
+    };
+    return (React.createElement(ContentAccordion_1.default, { customBarContent: customBarContent(), customExpandedContent: customExpandedContent(), accordionTheme: "gray" }));
+};
+exports.grayThemeFilled = grayThemeFilled;
+//# sourceMappingURL=ContentAccordion.stories.js.map

package/dist/src/page_components/listing/ContentAccordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentAccordion.stories.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ContentAccordion.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,wEAAiD;AACjD,4DAA0D;AAC1D,4EAA0E;AAE1E,kBAAe;IACb,KAAK,EAAE,2BAA2B;CACnC,CAAA;AAED,IAAM,UAAU,GAAG;IACjB,OAAO,2DAAmB,CAAA;AAC5B,CAAC,CAAA;AACD,IAAM,eAAe,GAAG;IACtB,OAAO,mDAA0B,CAAA;AACnC,CAAC,CAAA;AAEM,IAAM,cAAc,GAAG;IAC5B,OAAO,CACL,oBAAC,0BAAgB,IACf,gBAAgB,EAAE,UAAU,EAAE,EAC9B,qBAAqB,EAAE,eAAe,EAAE,EACxC,cAAc,EAAE,MAAM,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AARY,QAAA,cAAc,kBAQ1B;AAEM,IAAM,sBAAsB,GAAG;IACpC,OAAO,CACL,oBAAC,0BAAgB,IACf,gBAAgB,EAAE,UAAU,EAAE,EAC9B,qBAAqB,EAAE,eAAe,EAAE,EACxC,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,IAAI,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,eAAe,GAAG;IAC7B,IAAM,gBAAgB,GAAG;QACvB,OAAO,CACL,4BAAI,SAAS,EAAE,uBAAuB;YACpC,oCAAS,QAAQ,CAAU;;YAC1B,6CAA6C,CAC3C,CACN,CAAA;IACH,CAAC,CAAA;IACD,IAAM,qBAAqB,GAAG;QAC5B,OAAO,CACL;YACE,oBAAC,6BAAa,IAAC,OAAO,EAAE,mCAAW,EAAE,IAAI,EAAE,gCAAQ,GAAI,CACnD,CACP,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,0BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAAE,EACpC,qBAAqB,EAAE,qBAAqB,EAAE,EAC9C,cAAc,EAAE,MAAM,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,eAAe,mBAuB3B;AAEM,IAAM,cAAc,GAAG;IAC5B,OAAO,CACL,oBAAC,0BAAgB,IACf,gBAAgB,EAAE,UAAU,EAAE,EAC9B,qBAAqB,EAAE,eAAe,EAAE,EACxC,cAAc,EAAE,MAAM,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AARY,QAAA,cAAc,kBAQ1B;AAEM,IAAM,eAAe,GAAG;IAC7B,IAAM,gBAAgB,GAAG;QACvB,OAAO,CACL,8BAAM,SAAS,EAAE,0CAA0C;YACzD,8BAAM,SAAS,EAAE,mBAAmB;gBAClC,8BAAM,SAAS,EAAE,gDAAgD,QAAU;uCAEtE;YACP,8BAAM,SAAS,EAAE,wBAAwB;gBACvC,8BAAM,SAAS,EAAE,oBAAoB,aAAe;gBACpD,qDAA6B;gBAC7B,8BAAM,SAAS,EAAE,oBAAoB,gBAAkB,CAClD,CACF,CACR,CAAA;IACH,CAAC,CAAA;IAED,IAAM,qBAAqB,GAAG;QAC5B,OAAO,6BAAK,SAAS,EAAE,uCAAuC,cAAe,CAAA;IAC/E,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,0BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAAE,EACpC,qBAAqB,EAAE,qBAAqB,EAAE,EAC9C,cAAc,EAAE,MAAM,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,eAAe,mBA4B3B"}

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

@@ -0,0 +1,54 @@
+import React from "react";
+import { ImageCardProps, ImageTag } from "../../blocks/ImageCard";
+import { StackedTableProps } from "../../tables/StackedTable";
+import { StandardTableProps } from "../../tables/StandardTable";
+import { AppearanceStyleType } from "../../global/AppearanceTypes";
+import "./ListingCard.scss";
+interface ListingCardTableProps extends StandardTableProps, StackedTableProps {
+}
+export interface ListingCardHeader {
+    content: string | React.ReactNode;
+    href?: string;
+    customClass?: string;
+    styleType?: AppearanceStyleType;
+    isPillType?: boolean;
+}
+export interface ListingFooterButton {
+    href: string;
+    text: string;
+    ariaHidden?: boolean;
+}
+export interface ListingCardContentProps {
+    contentHeader?: ListingCardHeader;
+    contentSubheader?: ListingCardHeader;
+    tableHeader?: ListingCardHeader;
+    tableSubheader?: ListingCardHeader;
+}
+export interface ListingCardProps {
+    /** A list of tags to be rendered below the content header, a Tag component is rendered for each */
+    cardTags?: ImageTag[];
+    /** Custom content rendered in the content section above the table */
+    children?: React.ReactElement;
+    /** An object containing fields that render optional headers above the content section's table */
+    contentProps?: ListingCardContentProps;
+    /** A list of buttons to render in the footer of the content section */
+    footerButtons?: ListingFooterButton[];
+    /** A class name applied to the footer container of the content section */
+    footerContainerClass?: string;
+    /** Custom content rendered below the content table */
+    footerContent?: React.ReactNode;
+    /** Prop interface for the ImageCard component */
+    imageCardProps: ImageCardProps;
+    /** Toggles on the StackedTable component in place of the default StandardTable component - they are functionally equivalent with differing UIs */
+    stackedTable?: boolean;
+    /** Prop interface for the StandardTable and StackedTable components */
+    tableProps?: ListingCardTableProps;
+}
+/**
+ * @component ListingCard
+ *
+ * A component that renders an image with optional status bars below it,
+ * and a content section associated with the image which can include titles, a table, and custom content
+ */
+declare const ListingCard: (props: ListingCardProps) => JSX.Element;
+export { ListingCard as default, ListingCard };

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

@@ -0,0 +1,106 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListingCard = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+var ImageCard_1 = require("../../blocks/ImageCard");
+var LinkButton_1 = require("../../actions/LinkButton");
+var StackedTable_1 = require("../../tables/StackedTable");
+var StandardTable_1 = require("../../tables/StandardTable");
+var Heading_1 = require("../../text/Heading");
+var Tag_1 = require("../../text/Tag");
+var AppearanceTypes_1 = require("../../global/AppearanceTypes");
+var Icon_1 = require("../../icons/Icon");
+require("./ListingCard.scss");
+var NavigationContext_1 = require("../../config/NavigationContext");
+/**
+ * @component ListingCard
+ *
+ * A component that renders an image with optional status bars below it,
+ * and a content section associated with the image which can include titles, a table, and custom content
+ */
+var ListingCard = function (props) {
+    var cardTags = props.cardTags, children = props.children, footerButtons = props.footerButtons, footerContent = props.footerContent, footerContainerClass = props.footerContainerClass, imageCardProps = props.imageCardProps, stackedTable = props.stackedTable, contentProps = props.contentProps, tableProps = props.tableProps;
+    var LinkComponent = (0, react_1.useContext)(NavigationContext_1.NavigationContext).LinkComponent;
+    var getHeader = function (header, priority, styleType, customClass) {
+        if (header && header.content) {
+            if (header.isPillType) {
+                return (react_1.default.createElement(Tag_1.Tag, { className: "listings-pill_header", pillStyle: true, capitalized: true, styleType: header.styleType, shade: AppearanceTypes_1.AppearanceShadeType.light }, header.content));
+            }
+            return (react_1.default.createElement(Heading_1.Heading, { priority: priority, styleType: styleType, className: customClass }, header.href ? (react_1.default.createElement(LinkComponent, { className: "is-card-link", href: header.href }, header.content)) : (header.content)));
+        }
+        else {
+            return react_1.default.createElement(react_1.default.Fragment, null);
+        }
+    };
+    var getContentHeader = function () {
+        return (react_1.default.createElement("div", { className: "listings-row_headers" },
+            getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentHeader, 2, "largePrimary", "order-1"),
+            getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentSubheader, 3, "mediumNormal", "order-2"),
+            cardTags && (cardTags === null || cardTags === void 0 ? void 0 : cardTags.length) > 0 && (react_1.default.createElement("div", { className: "listings-row_tags" }, cardTags === null || cardTags === void 0 ? void 0 : cardTags.map(function (cardTag, index) {
+                var _a;
+                return (react_1.default.createElement(Tag_1.Tag, { styleType: cardTag.styleType || AppearanceTypes_1.AppearanceStyleType.warning, key: index },
+                    cardTag.iconType && (react_1.default.createElement(Icon_1.Icon, { size: "medium", symbol: cardTag.iconType, fill: (_a = cardTag.iconColor) !== null && _a !== void 0 ? _a : Icon_1.IconFillColors.primary })),
+                    cardTag.text));
+            })))));
+    };
+    var getContent = function () {
+        var _a, _b, _c, _d;
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "listings-row_table" },
+                (((_a = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader) === null || _a === void 0 ? void 0 : _a.content) || ((_b = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableSubheader) === null || _b === void 0 ? void 0 : _b.content)) &&
+                    (((_c = contentProps.contentHeader) === null || _c === void 0 ? void 0 : _c.content) || ((_d = contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentSubheader) === null || _d === void 0 ? void 0 : _d.content)) && (react_1.default.createElement("hr", { className: "mb-2" })),
+                react_1.default.createElement("div", { className: "listings-row_headers" },
+                    getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader, 4, "smallWeighted"),
+                    getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableSubheader, 5, "smallNormal")),
+                children && children,
+                tableProps && (tableProps.data || tableProps.stackedData) && (react_1.default.createElement(react_1.default.Fragment, null, stackedTable ? (react_1.default.createElement(StackedTable_1.StackedTable, __assign({}, tableProps))) : (react_1.default.createElement(StandardTable_1.StandardTable, __assign({}, tableProps)))))),
+            react_1.default.createElement("div", { className: "flex flex-col" },
+                footerContent && footerContent,
+                footerButtons && (footerButtons === null || footerButtons === void 0 ? void 0 : footerButtons.length) > 0 && (react_1.default.createElement("div", { className: footerContainerClass !== null && footerContainerClass !== void 0 ? footerContainerClass : "listings-row_footer" }, footerButtons === null || footerButtons === void 0 ? void 0 : footerButtons.map(function (footerButton, index) {
+                    return (react_1.default.createElement(LinkButton_1.LinkButton, { href: footerButton.href, ariaHidden: footerButton.ariaHidden, key: index }, footerButton.text));
+                }))))));
+    };
+    return (react_1.default.createElement("article", { className: "listings-row", "data-test-id": "listing-card-component" },
+        react_1.default.createElement("div", { className: "listings-row_figure" },
+            react_1.default.createElement(ImageCard_1.ImageCard, __assign({}, imageCardProps))),
+        react_1.default.createElement("div", { className: "listings-row_content" },
+            getContentHeader(),
+            getContent())));
+};
+exports.default = ListingCard;
+exports.ListingCard = ListingCard;
+//# sourceMappingURL=ListingCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListingCard.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingCard.tsx"],"names":[],"mappings":"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"}

package/dist/src/page_components/listing/ListingCard.stories.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../../.storybook/constants";
+import ListingCardDocumentation from "./ListingCard.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    component: (props: import("./ListingCard").ListingCardProps) => JSX.Element;
+    parameters: {
+        docs: {
+            page: typeof ListingCardDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const WithStandardTable: () => JSX.Element;
+export declare const withStackedTable: () => JSX.Element;
+export declare const WithHeaders: () => JSX.Element;
+export declare const WithPillHeader: () => JSX.Element;
+export declare const WithTags: () => JSX.Element;
+export declare const WithTagsAndHeaders: () => JSX.Element;
+export declare const WithHeadersContent: () => JSX.Element;
+export declare const NoContent: () => JSX.Element;
+export declare const CustomContent: () => JSX.Element;
+export declare const MultipleFooterButtons: () => JSX.Element;
+export declare const MultipleSpreadFooterButtons: () => JSX.Element;
+export declare const CustomFooter: () => JSX.Element;
+export declare const detroitStyle: () => JSX.Element;