@bloom-housing/ui-components 7.1.0 → 7.2.1

package/dist/src/headers/SiteHeader.stories.js

@@ -0,0 +1,273 @@
+"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.DAHLIAToggleSet = exports.imageOnlyLogo = exports.withDropdownIcons = exports.withFlattenedMobileSubMenus = exports.withNoticeOnMobile = exports.withMobileText = exports.withMobileDrawer = exports.withMenuDropdowns = exports.withMenuLinks = exports.wideLogo = exports.mediumLogo = exports.slimLogo = exports.withLanguageAndMobileNotice = exports.withLanguage = exports.basic = void 0;
+var React = __importStar(require("react"));
+var SiteHeader_1 = require("./SiteHeader");
+exports.default = {
+    title: "Headers/Site Header",
+};
+var basic = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", 
+    // languages={[{ label: "English", onClick: () => console.log("Clicked English"), active: true }]}
+    logoSrc: "/images/logo_glyph.svg", 
+    // notice="This is a preview of our new website. We're just getting started. We'd love to get your feedback."
+    title: "Alameda County Housing Portal", menuLinks: [] })); };
+exports.basic = basic;
+var withLanguage = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], languageNavLabel: "Choose a Language", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [] })); };
+exports.withLanguage = withLanguage;
+var withLanguageAndMobileNotice = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], noticeMobile: true, notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [] })); };
+exports.withLanguageAndMobileNotice = withLanguageAndMobileNotice;
+var slimLogo = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], logoWidth: "slim", notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Housing Portal", menuLinks: [] })); };
+exports.slimLogo = slimLogo;
+var mediumLogo = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], logoWidth: "medium", notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Housing Portal", menuLinks: [] })); };
+exports.mediumLogo = mediumLogo;
+var wideLogo = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], logoWidth: "wide", notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Housing Portal", menuLinks: [] })); };
+exports.wideLogo = wideLogo;
+var withMenuLinks = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [
+        {
+            title: "Listings",
+            href: "/",
+        },
+        {
+            title: "Get Assistance",
+            href: "/",
+        },
+        {
+            title: "Sign In",
+            href: "/",
+        },
+    ] })); };
+exports.withMenuLinks = withMenuLinks;
+var withMenuDropdowns = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [
+        {
+            title: "My Account",
+            subMenuLinks: [
+                {
+                    title: "My Dashboard",
+                    href: "/account/dashboard",
+                },
+                {
+                    title: "My Applications",
+                    href: "/account/dashboard",
+                },
+                {
+                    title: "Account Settings",
+                    href: "/account/edit",
+                },
+                {
+                    title: "Sign Out",
+                    onClick: function () { },
+                },
+            ],
+        },
+    ] })); };
+exports.withMenuDropdowns = withMenuDropdowns;
+var withMobileDrawer = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [
+        {
+            title: "Listings",
+            href: "/",
+        },
+        {
+            title: "Get Assistance",
+            href: "/",
+        },
+        {
+            title: "Sign In",
+            href: "/",
+        },
+    ], mobileDrawer: true })); };
+exports.withMobileDrawer = withMobileDrawer;
+var withMobileText = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], mobileText: true, notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [
+        {
+            title: "Listings",
+            href: "/",
+        },
+        {
+            title: "Get Assistance",
+            href: "/",
+        },
+        {
+            title: "Sign In",
+            href: "/",
+        },
+    ], mobileDrawer: true })); };
+exports.withMobileText = withMobileText;
+var withNoticeOnMobile = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", logoSrc: "/images/logo_glyph.svg", notice: "We'd love to get your feedback.", title: "Alameda County Housing Portal", menuLinks: [], noticeMobile: true })); };
+exports.withNoticeOnMobile = withNoticeOnMobile;
+var withFlattenedMobileSubMenus = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], flattenSubMenus: true, notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", menuLinks: [
+        {
+            title: "My Account",
+            subMenuLinks: [
+                {
+                    title: "My Dashboard",
+                    href: "/account/dashboard",
+                },
+                {
+                    title: "My Applications",
+                    href: "/account/dashboard",
+                },
+                {
+                    title: "Account Settings",
+                    href: "/account/edit",
+                },
+                {
+                    title: "Sign Out",
+                    onClick: function () { },
+                },
+            ],
+        },
+    ] })); };
+exports.withFlattenedMobileSubMenus = withFlattenedMobileSubMenus;
+var withDropdownIcons = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "/images/logo_glyph.svg", title: "Alameda County Housing Portal", dropdownItemClassName: "text-xs", menuLinks: [
+        {
+            title: "My Account",
+            subMenuLinks: [
+                {
+                    title: "My Dashboard",
+                    href: "/account/dashboard",
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+                {
+                    title: "My Applications",
+                    href: "/account/dashboard",
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+                {
+                    title: "Account Settings",
+                    href: "/account/edit",
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+                {
+                    title: "Sign Out",
+                    onClick: function () { },
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+            ],
+        },
+    ] })); };
+exports.withDropdownIcons = withDropdownIcons;
+var imageOnlyLogo = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], imageOnly: true, logoWidth: "medium", notice: "We're just getting started. We'd love to get your feedback.", logoSrc: "https://bit.ly/3me4iUC", menuLinks: [] })); };
+exports.imageOnlyLogo = imageOnlyLogo;
+var DAHLIAToggleSet = function () { return (React.createElement(SiteHeader_1.SiteHeader, { homeURL: "/", languages: [
+        { label: "English", onClick: function () { return console.log("Clicked English"); }, active: true },
+        { label: "Español", onClick: function () { return console.log("Clicked Español"); }, active: false },
+        { label: "中文", onClick: function () { return console.log("Clicked 中文"); }, active: false },
+    ], notice: "We'd love to get your feedback.", noticeMobile: true, mobileDrawer: true, flattenSubMenus: true, imageOnly: true, mobileText: true, logoWidth: "medium", logoSrc: "https://bit.ly/3me4iUC", dropdownItemClassName: "text-xs", menuLinks: [
+        {
+            title: "Some longer links",
+            href: "/",
+        },
+        {
+            title: "Some longer links",
+            href: "/",
+        },
+        {
+            title: "Some longer links",
+            href: "/",
+        },
+        {
+            title: "My Account",
+            subMenuLinks: [
+                {
+                    title: "My Dashboard",
+                    href: "/account/dashboard",
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+                {
+                    title: "My Applications",
+                    href: "/account/dashboard",
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+                {
+                    title: "Account Settings",
+                    href: "/account/edit",
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+                {
+                    title: "Sign Out",
+                    onClick: function () { },
+                    iconSrc: "https://bit.ly/2YoHrxA",
+                    iconClassName: "w-6 pr-2",
+                },
+            ],
+        },
+    ] })); };
+exports.DAHLIAToggleSet = DAHLIAToggleSet;
+//# sourceMappingURL=SiteHeader.stories.js.map

package/dist/src/headers/SiteHeader.stories.js.map

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

package/dist/src/headers/StepHeader.d.ts

@@ -0,0 +1,10 @@
+import "./StepHeader.scss";
+export interface StepHeaderProps {
+    currentStep: number;
+    totalSteps: number;
+    stepPreposition: string;
+    stepLabeling: string[];
+    className?: string;
+}
+declare const StepHeader: ({ currentStep, totalSteps, stepPreposition, stepLabeling, className, }: StepHeaderProps) => JSX.Element;
+export { StepHeader as default, StepHeader };

package/dist/src/headers/StepHeader.js

@@ -0,0 +1,38 @@
+"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.StepHeader = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./StepHeader.scss");
+var StepHeader = function (_a) {
+    var currentStep = _a.currentStep, totalSteps = _a.totalSteps, stepPreposition = _a.stepPreposition, stepLabeling = _a.stepLabeling, className = _a.className;
+    return (React.createElement("div", { className: "step-header ".concat(className) },
+        React.createElement("div", { className: "step-header__circle-number" }, currentStep),
+        React.createElement("div", null, "".concat(stepPreposition, " ").concat(totalSteps)),
+        React.createElement("div", { className: "step-header__title" }, stepLabeling[Math.min(currentStep - 1, stepLabeling.length - 1)])));
+};
+exports.default = StepHeader;
+exports.StepHeader = StepHeader;
+//# sourceMappingURL=StepHeader.js.map

package/dist/src/headers/StepHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepHeader.js","sourceRoot":"","sources":["../../../src/headers/StepHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6BAA0B;AAU1B,IAAM,UAAU,GAAG,UAAC,EAMF;QALhB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAe,SAAS,CAAE;QACxC,6BAAK,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAO;QAC/D,iCAAM,UAAG,eAAe,cAAI,UAAU,CAAE,CAAO;QAC/C,6BAAK,SAAS,EAAC,oBAAoB,IAChC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAC7D,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAEsB,6BAAO;AAAE,gCAAU"}

package/dist/src/headers/StepHeader.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import StepHeaderDocumentation from "./StepHeader.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    parameters: {
+        docs: {
+            page: typeof StepHeaderDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const basicDynamic: () => JSX.Element;
+export declare const finalStep: () => JSX.Element;
+export declare const doubleDigits: () => JSX.Element;
+export declare const tripleDigits: () => JSX.Element;

package/dist/src/headers/StepHeader.stories.js

@@ -0,0 +1,63 @@
+"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.tripleDigits = exports.doubleDigits = exports.finalStep = exports.basicDynamic = void 0;
+var addons_1 = require("@storybook/addons");
+var React = __importStar(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var StepHeader_1 = require("./StepHeader");
+var Button_1 = require("../actions/Button");
+var __1 = require("../..");
+var StepHeader_docs_mdx_1 = __importDefault(require("./StepHeader.docs.mdx"));
+exports.default = {
+    title: "Headers/Step Header 🚩",
+    id: "headers/step-header",
+    parameters: {
+        docs: {
+            page: StepHeader_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var basicDynamic = function () {
+    var _a = (0, addons_1.useState)(1), currentStep = _a[0], setCurrentStep = _a[1];
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "pb-4" },
+            React.createElement(StepHeader_1.StepHeader, { currentStep: currentStep, totalSteps: 4, stepPreposition: "of", stepLabeling: ["Start", "Mid 1", "Mid 2", "End"] })),
+        React.createElement("div", { className: "flex gap-x-2" },
+            React.createElement(Button_1.Button, { size: __1.AppearanceSizeType.small, onClick: function () { return setCurrentStep(currentStep - 1); } }, "Previous"),
+            React.createElement(Button_1.Button, { size: __1.AppearanceSizeType.small, onClick: function () { return setCurrentStep(currentStep + 1); } }, "Next"))));
+};
+exports.basicDynamic = basicDynamic;
+var finalStep = function () { return (React.createElement(StepHeader_1.StepHeader, { currentStep: 8, totalSteps: 8, stepPreposition: "of", stepLabeling: ["Items"] })); };
+exports.finalStep = finalStep;
+var doubleDigits = function () { return (React.createElement(StepHeader_1.StepHeader, { currentStep: 10, totalSteps: 40, stepPreposition: "of", stepLabeling: ["Levels"] })); };
+exports.doubleDigits = doubleDigits;
+var tripleDigits = function () { return (React.createElement(StepHeader_1.StepHeader, { currentStep: 100, totalSteps: 400, stepPreposition: "of", stepLabeling: ["Phases"] })); };
+exports.tripleDigits = tripleDigits;
+//# sourceMappingURL=StepHeader.stories.js.map

package/dist/src/headers/StepHeader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepHeader.stories.js","sourceRoot":"","sources":["../../../src/headers/StepHeader.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA4C;AAC5C,2CAA8B;AAC9B,wDAAmD;AACnD,2CAAyC;AACzC,4CAA0C;AAC1C,2BAA0C;AAC1C,8EAA2D;AAE3D,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,6BAAuB;SAC9B;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAEM,IAAM,YAAY,GAAG;IACpB,IAAA,KAAgC,IAAA,iBAAQ,EAAS,CAAC,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAA;IACzD,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,uBAAU,IACT,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,CAAC,EACb,eAAe,EAAE,IAAI,EACrB,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GAChD,CACE;QACN,6BAAK,SAAS,EAAC,cAAc;YAC3B,oBAAC,eAAM,IAAC,IAAI,EAAE,sBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,EAA/B,CAA+B,eAE7E;YACT,oBAAC,eAAM,IAAC,IAAI,EAAE,sBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,EAA/B,CAA+B,WAE7E,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB;AAEM,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,oBAAC,uBAAU,IAAC,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,OAAO,CAAC,GAAI,CAC9F,EAF8B,CAE9B,CAAA;AAFY,QAAA,SAAS,aAErB;AAEM,IAAM,YAAY,GAAG,cAAM,OAAA,CAChC,oBAAC,uBAAU,IAAC,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,QAAQ,CAAC,GAAI,CACjG,EAFiC,CAEjC,CAAA;AAFY,QAAA,YAAY,gBAExB;AAEM,IAAM,YAAY,GAAG,cAAM,OAAA,CAChC,oBAAC,uBAAU,IAAC,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,QAAQ,CAAC,GAAI,CACnG,EAFiC,CAEjC,CAAA;AAFY,QAAA,YAAY,gBAExB"}

package/dist/src/helpers/DateFormat.d.ts

@@ -0,0 +1,2 @@
+declare function formatDateTime(date: Date, showTime?: boolean): string;
+export { formatDateTime as default, formatDateTime };

package/dist/src/helpers/DateFormat.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDateTime = exports.default = void 0;
+var __1 = require("../..");
+var dayjs_1 = __importDefault(require("dayjs"));
+function formatDateTime(date, showTime) {
+    return ((0, dayjs_1.default)(date).format("MMMM D, YYYY") +
+        (showTime ? " ".concat((0, __1.t)("t.at"), " ") + (0, dayjs_1.default)(date).format("h:mmA") : ""));
+}
+exports.default = formatDateTime;
+exports.formatDateTime = formatDateTime;
+//# sourceMappingURL=DateFormat.js.map

package/dist/src/helpers/DateFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFormat.js","sourceRoot":"","sources":["../../../src/helpers/DateFormat.ts"],"names":[],"mappings":";;;;;;AAAA,2BAA0B;AAC1B,gDAA0B;AAE1B,SAAS,cAAc,CAAC,IAAU,EAAE,QAAkB;IACpD,OAAO,CACL,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;QAClC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAI,IAAA,KAAC,EAAC,MAAM,CAAC,MAAG,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CACjE,CAAC;AACJ,CAAC;AAE0B,iCAAO;AAAE,wCAAc"}

package/dist/src/helpers/MultiLineAddress.d.ts

@@ -0,0 +1,15 @@
+export interface Address {
+    city?: string;
+    latitude?: number;
+    longitude?: number;
+    placeName?: string;
+    state?: string;
+    street2?: string;
+    street?: string;
+    zipCode?: string;
+}
+export interface MultiLineAddressProps {
+    address: Address;
+}
+declare const MultiLineAddress: ({ address }: MultiLineAddressProps) => JSX.Element | null;
+export { MultiLineAddress as default, MultiLineAddress };

package/dist/src/helpers/MultiLineAddress.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiLineAddress = exports.default = void 0;
+var React = __importStar(require("react"));
+var markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx"));
+var MultiLineAddress = function (_a) {
+    var address = _a.address;
+    if (!address)
+        return null;
+    var makeHtmlString = function (address) {
+        var str = "";
+        if (address.placeName) {
+            str += "".concat(address.placeName, " <br />");
+        }
+        if (address.street || address.street2) {
+            str += "".concat(address.street || "", " ").concat(address.street2 || "", " <br />");
+        }
+        if (address.city || address.state || address.zipCode) {
+            str += "".concat(address.city && "".concat(address.city, " ,"), " ").concat(address.state, " ").concat(address.zipCode);
+        }
+        return str;
+    };
+    return (React.createElement(markdown_to_jsx_1.default, { options: { disableParsingRawHTML: false }, children: "<span>".concat(makeHtmlString(address), "</span>") }));
+};
+exports.default = MultiLineAddress;
+exports.MultiLineAddress = MultiLineAddress;
+//# sourceMappingURL=MultiLineAddress.js.map

package/dist/src/helpers/MultiLineAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLineAddress.js","sourceRoot":"","sources":["../../../src/helpers/MultiLineAddress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,oEAAsC;AAiBtC,IAAM,gBAAgB,GAAG,UAAC,EAAkC;QAAhC,OAAO,aAAA;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,UAAC,OAAgB;QACtC,IAAI,GAAG,GAAG,EAAE,CAAA;QAEZ,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,GAAG,IAAI,UAAG,OAAO,CAAC,SAAS,YAAS,CAAA;SACrC;QAED,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,EAAE;YACrC,GAAG,IAAI,UAAG,OAAO,CAAC,MAAM,IAAI,EAAE,cAAI,OAAO,CAAC,OAAO,IAAI,EAAE,YAAS,CAAA;SACjE;QAED,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,EAAE;YACpD,GAAG,IAAI,UAAG,OAAO,CAAC,IAAI,IAAI,UAAG,OAAO,CAAC,IAAI,OAAI,cAAI,OAAO,CAAC,KAAK,cAAI,OAAO,CAAC,OAAO,CAAE,CAAA;SACpF;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,yBAAQ,IACP,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,EACzC,QAAQ,EAAE,gBAAS,cAAc,CAAC,OAAO,CAAC,YAAS,GACnD,CACH,CAAA;AACH,CAAC,CAAA;AAE4B,mCAAO;AAAE,4CAAgB"}

package/dist/src/helpers/MultiLineAddress.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+    component: ({ address }: import("./MultiLineAddress").MultiLineAddressProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const NoStreet: () => JSX.Element;
+export declare const NoCity: () => JSX.Element;
+export declare const NoState: () => JSX.Element;

package/dist/src/helpers/MultiLineAddress.stories.js

@@ -0,0 +1,72 @@
+"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.NoState = exports.NoCity = exports.NoStreet = exports.Default = void 0;
+var React = __importStar(require("react"));
+var MultiLineAddress_1 = __importDefault(require("./MultiLineAddress"));
+exports.default = {
+    title: "Listing Sidebar/MultiLineAddress",
+    component: MultiLineAddress_1.default,
+};
+var Default = function () {
+    return (React.createElement(MultiLineAddress_1.default, { address: {
+            street: "Street 1",
+            street2: "Street 2",
+            city: "City",
+            state: "State",
+            zipCode: "12345",
+        } }));
+};
+exports.Default = Default;
+var NoStreet = function () {
+    return (React.createElement(MultiLineAddress_1.default, { address: {
+            city: "City",
+            state: "State",
+            zipCode: "12345",
+        } }));
+};
+exports.NoStreet = NoStreet;
+var NoCity = function () {
+    return (React.createElement(MultiLineAddress_1.default, { address: {
+            street: "Street 1",
+            street2: "Street 2",
+            state: "State",
+            zipCode: "12345",
+        } }));
+};
+exports.NoCity = NoCity;
+var NoState = function () {
+    return (React.createElement(MultiLineAddress_1.default, { address: {
+            street: "Street 1",
+            street2: "Street 2",
+            city: "City",
+            zipCode: "12345",
+        } }));
+};
+exports.NoState = NoState;
+//# sourceMappingURL=MultiLineAddress.stories.js.map

package/dist/src/helpers/MultiLineAddress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLineAddress.stories.js","sourceRoot":"","sources":["../../../src/helpers/MultiLineAddress.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,wEAAiD;AAEjD,kBAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,0BAAgB;CAC5B,CAAA;AAEM,IAAM,OAAO,GAAG;IACrB,OAAO,CACL,oBAAC,0BAAgB,IACf,OAAO,EAAE;YACP,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,UAAU;YACnB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,OAAO,WAYnB;AAEM,IAAM,QAAQ,GAAG;IACtB,OAAO,CACL,oBAAC,0BAAgB,IACf,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,QAAQ,YAUpB;AAEM,IAAM,MAAM,GAAG;IACpB,OAAO,CACL,oBAAC,0BAAgB,IACf,OAAO,EAAE;YACP,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,MAAM,UAWlB;AAEM,IAAM,OAAO,GAAG;IACrB,OAAO,CACL,oBAAC,0BAAgB,IACf,OAAO,EAAE;YACP,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,UAAU;YACnB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,OAAO;SACjB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,OAAO,WAWnB"}

package/dist/src/helpers/OneLineAddress.d.ts

@@ -0,0 +1,6 @@
+import { Address } from "./MultiLineAddress";
+export interface OneLineAddressProps {
+    address: Address;
+}
+declare const OneLineAddress: ({ address }: OneLineAddressProps) => JSX.Element | null;
+export { OneLineAddress as default, OneLineAddress };