@bloom-housing/ui-components 7.1.0 → 7.2.0

package/dist/src/blocks/MediaCard.js

@@ -0,0 +1,47 @@
+"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.MediaCard = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./MediaCard.scss");
+var Icon_1 = require("../icons/Icon");
+var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
+var MediaCard = function (props) {
+    var _a;
+    var wrapperClasses = ["media-card"];
+    if (props.className)
+        wrapperClasses.push(props.className);
+    return (React.createElement("div", { className: wrapperClasses.join(" ") },
+        React.createElement("button", { onClick: props.handleClick, className: "media-card__header-container", "aria-label": "Launch video" },
+            React.createElement("div", { className: "media-card__header" },
+                React.createElement(Icon_1.Icon, { symbol: (_a = props.icon) !== null && _a !== void 0 ? _a : free_regular_svg_icons_1.faCirclePlay, size: "2xl", fill: "white" }))),
+        React.createElement("div", { className: "media-card__body" },
+            React.createElement("button", { onClick: props.handleClick },
+                React.createElement("h3", { className: "media-card__title" }, props.title)),
+            React.createElement("div", { className: "media-card__subtitle" }, props.subtitle))));
+};
+exports.default = MediaCard;
+exports.MediaCard = MediaCard;
+//# sourceMappingURL=MediaCard.js.map

package/dist/src/blocks/MediaCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.js","sourceRoot":"","sources":["../../../src/blocks/MediaCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,4BAAyB;AACzB,sCAAuD;AACvD,8EAAkE;AAUlE,IAAM,SAAS,GAAG,UAAC,KAAqB;;IACtC,IAAM,cAAc,GAAG,CAAC,YAAY,CAAC,CAAA;IACrC,IAAI,KAAK,CAAC,SAAS;QAAE,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACzD,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACtC,gCACE,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,SAAS,EAAE,8BAA8B,gBAC7B,cAAc;YAE1B,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,oBAAC,WAAI,IAAC,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,qCAAY,EAAE,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,GAAG,CAChE,CACC;QACT,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,gCAAQ,OAAO,EAAE,KAAK,CAAC,WAAW;gBAChC,4BAAI,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAC,KAAK,CAAM,CAC7C;YACT,6BAAK,SAAS,EAAE,sBAAsB,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC1D,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAEqB,4BAAO;AAAE,8BAAS"}

package/dist/src/blocks/MediaCard.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="mdx" />
+import MediaCardDocumentation from "./MediaCard.docs.mdx";
+import { BADGES } from "../../.storybook/constants";
+declare const _default: {
+    title: string;
+    id: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            page: typeof MediaCardDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const withTitleAndSubtitle: () => JSX.Element;
+export declare const withJustTitle: () => JSX.Element;
+export declare const withCustomIcon: () => JSX.Element;

package/dist/src/blocks/MediaCard.stories.js

@@ -0,0 +1,52 @@
+"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.withCustomIcon = exports.withJustTitle = exports.withTitleAndSubtitle = void 0;
+var React = __importStar(require("react"));
+var MediaCard_1 = require("./MediaCard");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var MediaCard_docs_mdx_1 = __importDefault(require("./MediaCard.docs.mdx"));
+var constants_1 = require("../../.storybook/constants");
+exports.default = {
+    title: "Blocks/Media Card 🚩",
+    id: "blocks/media-card",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { maxWidth: "313px" } }, storyFn()); }],
+    parameters: {
+        docs: {
+            page: MediaCard_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var withTitleAndSubtitle = function () { return (React.createElement(MediaCard_1.MediaCard, { title: "What is Affordable Housing?", subtitle: "List of affordable housing opportunities, subsidized homes, and other housing resources.", handleClick: function () { return alert("Open Video"); } })); };
+exports.withTitleAndSubtitle = withTitleAndSubtitle;
+var withJustTitle = function () { return (React.createElement(MediaCard_1.MediaCard, { title: "What is Affordable Housing?", handleClick: function () { return alert("Open Video"); } })); };
+exports.withJustTitle = withJustTitle;
+var withCustomIcon = function () { return (React.createElement(MediaCard_1.MediaCard, { title: "What is Affordable Housing?", subtitle: "List of affordable housing opportunities, subsidized homes, and other housing resources.", icon: free_solid_svg_icons_1.faCirclePlay, handleClick: function () { return alert("Open Video"); } })); };
+exports.withCustomIcon = withCustomIcon;
+//# sourceMappingURL=MediaCard.stories.js.map

package/dist/src/blocks/MediaCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.stories.js","sourceRoot":"","sources":["../../../src/blocks/MediaCard.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,yCAAuC;AACvC,0EAAgE;AAChE,4EAAyD;AACzD,wDAAmD;AAEnD,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,EAAE,EAAE,mBAAmB;IACvB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAG,OAAO,EAAE,CAAO,EAApD,CAAoD,CAAC;IACpF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,4BAAsB;SAC7B;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAEM,IAAM,oBAAoB,GAAG,cAAM,OAAA,CACxC,oBAAC,qBAAS,IACR,KAAK,EAAC,6BAA6B,EACnC,QAAQ,EAAC,0FAA0F,EACnG,WAAW,EAAE,cAAM,OAAA,KAAK,CAAC,YAAY,CAAC,EAAnB,CAAmB,GACtC,CACH,EANyC,CAMzC,CAAA;AANY,QAAA,oBAAoB,wBAMhC;AACM,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,oBAAC,qBAAS,IAAC,KAAK,EAAC,6BAA6B,EAAC,WAAW,EAAE,cAAM,OAAA,KAAK,CAAC,YAAY,CAAC,EAAnB,CAAmB,GAAI,CAC1F,EAFkC,CAElC,CAAA;AAFY,QAAA,aAAa,iBAEzB;AACM,IAAM,cAAc,GAAG,cAAM,OAAA,CAClC,oBAAC,qBAAS,IACR,KAAK,EAAC,6BAA6B,EACnC,QAAQ,EAAC,0FAA0F,EACnG,IAAI,EAAE,mCAAY,EAClB,WAAW,EAAE,cAAM,OAAA,KAAK,CAAC,YAAY,CAAC,EAAnB,CAAmB,GACtC,CACH,EAPmC,CAOnC,CAAA;AAPY,QAAA,cAAc,kBAO1B"}

package/dist/src/blocks/StandardCard.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./StandardCard.scss";
+export interface StandardCardProps {
+    className?: string;
+    title?: string;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    emptyStateMessage: string;
+}
+declare const StandardCard: ({ className, title, children, footer, emptyStateMessage, }: StandardCardProps) => JSX.Element;
+export { StandardCard as default, StandardCard };

package/dist/src/blocks/StandardCard.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardCard = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var Heading_1 = require("../text/Heading");
+require("./StandardCard.scss");
+var StandardCard = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, title = _a.title, children = _a.children, footer = _a.footer, emptyStateMessage = _a.emptyStateMessage;
+    return (react_1.default.createElement("div", { className: "standard-card ".concat(className) },
+        react_1.default.createElement("div", { className: "standard-card__inner" },
+            title && (react_1.default.createElement(Heading_1.Heading, { className: "standard-card__title", priority: 2 }, title)),
+            children ? children : react_1.default.createElement("div", { className: "standard-card__blank" }, emptyStateMessage)),
+        footer && react_1.default.createElement("div", { className: "standard-card__footer" }, footer)));
+};
+exports.default = StandardCard;
+exports.StandardCard = StandardCard;
+//# sourceMappingURL=StandardCard.js.map

package/dist/src/blocks/StandardCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardCard.js","sourceRoot":"","sources":["../../../src/blocks/StandardCard.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,2CAAyC;AACzC,+BAA4B;AAU5B,IAAM,YAAY,GAAG,UAAC,EAMF;QALlB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAiB,uBAAA;IAEjB,OAAO,CACL,uCAAK,SAAS,EAAE,wBAAiB,SAAS,CAAE;QAC1C,uCAAK,SAAS,EAAC,sBAAsB;YAClC,KAAK,IAAI,CACR,8BAAC,iBAAO,IAAC,SAAS,EAAC,sBAAsB,EAAC,QAAQ,EAAE,CAAC,IAClD,KAAK,CACE,CACX;YAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAC,sBAAsB,IAAE,iBAAiB,CAAO,CAClF;QAEL,MAAM,IAAI,uCAAK,SAAS,EAAC,uBAAuB,IAAE,MAAM,CAAO,CAC5D,CACP,CAAA;AACH,CAAC,CAAA;AAEwB,+BAAO;AAAE,oCAAY"}

package/dist/src/blocks/StandardCard.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import StandardCardDocumentation from "./StandardCard.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    component: ({ className, title, children, footer, emptyStateMessage, }: import("./StandardCard").StandardCardProps) => JSX.Element;
+    parameters: {
+        docs: {
+            page: typeof StandardCardDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const Blank: () => JSX.Element;
+export declare const WithTable: () => JSX.Element;
+export declare const styleOverrides: () => JSX.Element;

package/dist/src/blocks/StandardCard.stories.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styleOverrides = exports.WithTable = exports.Blank = void 0;
+var react_1 = __importDefault(require("react"));
+var StandardCard_1 = require("./StandardCard");
+var constants_1 = require("../../.storybook/constants");
+var MinimalTable_1 = require("../tables/MinimalTable");
+var MinimalTable_stories_1 = require("../tables/MinimalTable.stories");
+var Button_1 = require("../actions/Button");
+var StandardCard_docs_mdx_1 = __importDefault(require("./StandardCard.docs.mdx"));
+exports.default = {
+    title: "Blocks/StandardCard  🚩",
+    id: "blocks/standard-card",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    component: StandardCard_1.StandardCard,
+    parameters: {
+        docs: {
+            page: StandardCard_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var Blank = function () { return (react_1.default.createElement(StandardCard_1.StandardCard, { title: "Standard Card Title", emptyStateMessage: "Add items to edit", footer: react_1.default.createElement(Button_1.Button, null, "Add item") })); };
+exports.Blank = Blank;
+var WithTable = function () { return (react_1.default.createElement(StandardCard_1.StandardCard, { title: "Standard Card Title", emptyStateMessage: "Add items to edit", footer: react_1.default.createElement(Button_1.Button, null, "Add item") },
+    react_1.default.createElement("div", null,
+        react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: MinimalTable_stories_1.mockHeadersWithStyling, data: MinimalTable_stories_1.mockDataWithStyling, draggable: true })))); };
+exports.WithTable = WithTable;
+var styleOverrides = function () {
+    var cssVarsOverride = "\n    .standard-card-overrides .standard-card {\n      --font-family: var(--bloom-font-sans);\n      --border-radius: var(--bloom-rounded-md);\n      --border-width: var(--bloom-border-4);\n      --border-color: var(--bloom-color-blue-600);\n      --title-color: var(--bloom-color-blue-600);\n      --background-color: var(--bloom-color-blue-200);\n      --blank-color: var(--bloom-color-black);\n      --blank-background: var(--bloom-color-gray-400);\n    }\n  ";
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "standard-card-overrides" },
+            react_1.default.createElement(StandardCard_1.StandardCard, { title: "Standard Card Title", emptyStateMessage: "Add items to edit", footer: react_1.default.createElement(Button_1.Button, null, "Add item") }),
+            react_1.default.createElement("style", null, cssVarsOverride)),
+        react_1.default.createElement("p", { className: "mt-12 font-semibold" }, "Customized using the following variable overrides:"),
+        react_1.default.createElement("pre", null, cssVarsOverride.replace(".page-header-overrides ", ""))));
+};
+exports.styleOverrides = styleOverrides;
+//# sourceMappingURL=StandardCard.stories.js.map

package/dist/src/blocks/StandardCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardCard.stories.js","sourceRoot":"","sources":["../../../src/blocks/StandardCard.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,+CAA6C;AAC7C,wDAAmD;AACnD,uDAAqD;AACrD,uEAA4F;AAE5F,4CAA0C;AAC1C,kFAA+D;AAE/D,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,EAAE,EAAE,sBAAsB;IAC1B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;IAClF,SAAS,EAAE,2BAAY;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,+BAAyB;SAChC;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAEM,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB,8BAAC,2BAAY,IACX,KAAK,EAAC,qBAAqB,EAC3B,iBAAiB,EAAC,mBAAmB,EACrC,MAAM,EAAE,8BAAC,eAAM,mBAAkB,GACjC,CACH,EAN0B,CAM1B,CAAA;AANY,QAAA,KAAK,SAMjB;AAEM,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,8BAAC,2BAAY,IACX,KAAK,EAAC,qBAAqB,EAC3B,iBAAiB,EAAC,mBAAmB,EACrC,MAAM,EAAE,8BAAC,eAAM,mBAAkB;IAEjC;QACE,8BAAC,2BAAY,IAAC,OAAO,EAAE,6CAAsB,EAAE,IAAI,EAAE,0CAAmB,EAAE,SAAS,EAAE,IAAI,GAAI,CACzF,CACO,CAChB,EAV8B,CAU9B,CAAA;AAVY,QAAA,SAAS,aAUrB;AAEM,IAAM,cAAc,GAAG;IAC5B,IAAM,eAAe,GAAG,gdAWvB,CAAA;IAED,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,2BAAY,IACX,KAAK,EAAC,qBAAqB,EAC3B,iBAAiB,EAAC,mBAAmB,EACrC,MAAM,EAAE,8BAAC,eAAM,mBAAkB,GACjC;YACF,6CAAQ,eAAe,CAAS,CAC5B;QAEN,qCAAG,SAAS,EAAC,qBAAqB,yDAAuD;QAEzF,2CAAM,eAAe,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAO,CAClE,CACJ,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,cAAc,kBA8B1B"}

package/dist/src/blocks/StatusBar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import "./StatusBar.scss";
+import { AppearanceStyleType } from "../global/AppearanceTypes";
+export interface StatusBarProps {
+    backButton?: React.ReactNode;
+    tagStyle: AppearanceStyleType;
+    tagLabel: string;
+}
+declare const StatusBar: (props: StatusBarProps) => JSX.Element;
+export { StatusBar as default, StatusBar };

package/dist/src/blocks/StatusBar.js

@@ -0,0 +1,42 @@
+"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.StatusBar = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./StatusBar.scss");
+var Tag_1 = require("../text/Tag");
+var StatusBar = function (props) {
+    var rowClasses = ["status-bar__row"];
+    if (!props.backButton)
+        rowClasses.push("tag-only");
+    return (React.createElement("section", { className: "status-bar" },
+        React.createElement("div", { className: rowClasses.join(" ") },
+            props.backButton,
+            React.createElement("div", { className: "status-bar__tag" },
+                React.createElement(Tag_1.Tag, { styleType: props.tagStyle, pillStyle: true }, props.tagLabel)))));
+};
+exports.default = StatusBar;
+exports.StatusBar = StatusBar;
+//# sourceMappingURL=StatusBar.js.map

package/dist/src/blocks/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../src/blocks/StatusBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,4BAAyB;AAEzB,mCAAiC;AAQjC,IAAM,SAAS,GAAG,UAAC,KAAqB;IACtC,IAAM,UAAU,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACtC,IAAI,CAAC,KAAK,CAAC,UAAU;QAAE,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAElD,OAAO,CACL,iCAAS,SAAS,EAAC,YAAY;QAC7B,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;YACjC,KAAK,CAAC,UAAU;YAEjB,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,oBAAC,SAAG,IAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,UACtC,KAAK,CAAC,QAAQ,CACX,CACF,CACF,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAEqB,4BAAO;AAAE,8BAAS"}

package/dist/src/blocks/StatusBar.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const StatusBarSuccessAndBackButton: () => JSX.Element;
+export declare const StatusBarDraft: () => JSX.Element;

package/dist/src/blocks/StatusBar.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarDraft = exports.StatusBarSuccessAndBackButton = void 0;
+var react_1 = __importDefault(require("react"));
+var Button_1 = require("../actions/Button");
+var StatusBar_1 = require("./StatusBar");
+var AppearanceTypes_1 = require("../global/AppearanceTypes");
+exports.default = {
+    title: "Blocks/Status Bar",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var handleClick = function (e) {
+    alert("You clicked me! Event: ".concat(e.type));
+};
+var StatusBarSuccessAndBackButton = function () { return (react_1.default.createElement(StatusBar_1.StatusBar, { backButton: react_1.default.createElement(Button_1.Button, { inlineIcon: "left", icon: "arrowBack", onClick: handleClick }, "Back"), tagLabel: "Submitted", tagStyle: AppearanceTypes_1.AppearanceStyleType.success })); };
+exports.StatusBarSuccessAndBackButton = StatusBarSuccessAndBackButton;
+var StatusBarDraft = function () { return (react_1.default.createElement(StatusBar_1.StatusBar, { tagLabel: "Draft", tagStyle: AppearanceTypes_1.AppearanceStyleType.primary })); };
+exports.StatusBarDraft = StatusBarDraft;
+//# sourceMappingURL=StatusBar.stories.js.map

package/dist/src/blocks/StatusBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.stories.js","sourceRoot":"","sources":["../../../src/blocks/StatusBar.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,4CAA0C;AAC1C,yCAAuC;AACvC,6DAA+D;AAE/D,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,CAAmB;IACtC,KAAK,CAAC,iCAA0B,CAAC,CAAC,IAAI,CAAE,CAAC,CAAA;AAC3C,CAAC,CAAA;AAEM,IAAM,6BAA6B,GAAG,cAAM,OAAA,CACjD,8BAAC,qBAAS,IACR,UAAU,EACR,8BAAC,eAAM,IAAC,UAAU,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,WAEtD,EAEX,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAE,qCAAmB,CAAC,OAAO,GACrC,CACH,EAVkD,CAUlD,CAAA;AAVY,QAAA,6BAA6B,iCAUzC;AAEM,IAAM,cAAc,GAAG,cAAM,OAAA,CAClC,8BAAC,qBAAS,IAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAE,qCAAmB,CAAC,OAAO,GAAI,CACtE,EAFmC,CAEnC,CAAA;AAFY,QAAA,cAAc,kBAE1B"}

package/dist/src/blocks/StatusItem.d.ts

@@ -0,0 +1,20 @@
+import "./StatusItem.scss";
+interface StatusItemProps {
+    applicationDueDate?: string;
+    applicationURL: string;
+    applicationUpdatedAt: string;
+    confirmationNumber?: string;
+    listingName: string;
+    listingURL: string;
+    strings?: {
+        applicationDeadline?: string;
+        edited?: string;
+        seeListing?: string;
+        status?: string;
+        submittedStatus?: string;
+        viewApplication?: string;
+        yourNumber?: string;
+    };
+}
+declare const StatusItem: (props: StatusItemProps) => JSX.Element;
+export { StatusItem as default, StatusItem };

package/dist/src/blocks/StatusItem.js

@@ -0,0 +1,64 @@
+"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.StatusItem = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+require("./StatusItem.scss");
+var translator_1 = require("../helpers/translator");
+var NavigationContext_1 = require("../config/NavigationContext");
+var StatusItem = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var LinkComponent = (0, react_1.useContext)(NavigationContext_1.NavigationContext).LinkComponent;
+    return (react_1.default.createElement("article", { className: "status-item is-editable animated-fade" },
+        react_1.default.createElement("div", { className: "status-item__inner" },
+            react_1.default.createElement("header", { className: "status-item__header" },
+                react_1.default.createElement("h3", { className: "status-item__title" }, props.listingName),
+                props.applicationDueDate && (react_1.default.createElement("p", { className: "status-item__due" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.applicationDeadline) !== null && _b !== void 0 ? _b : (0, translator_1.t)("listings.applicationDeadline"),
+                    ":",
+                    " ",
+                    props.applicationDueDate))),
+            react_1.default.createElement("section", { className: "status-item__content" },
+                react_1.default.createElement("div", { className: "status-item__details" }, props.confirmationNumber && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("span", { className: "status-item__confirm-text" }, (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.yourNumber) !== null && _d !== void 0 ? _d : (0, translator_1.t)("application.yourLotteryNumber"),
+                        ":"),
+                    react_1.default.createElement("br", null),
+                    react_1.default.createElement("span", { className: "status-item__confirm-number" }, props.confirmationNumber)))),
+                react_1.default.createElement("div", { className: "status-item__action" },
+                    react_1.default.createElement("p", { className: "status-item__status" },
+                        react_1.default.createElement("span", { className: "status-item__label" }, (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.status) !== null && _f !== void 0 ? _f : (0, translator_1.t)("application.status"),
+                            ":",
+                            " ", (_h = (_g = props.strings) === null || _g === void 0 ? void 0 : _g.submittedStatus) !== null && _h !== void 0 ? _h : (0, translator_1.t)("application.statuses.submitted"))),
+                    react_1.default.createElement("a", { href: props.applicationURL, className: "button is-small" }, (_k = (_j = props.strings) === null || _j === void 0 ? void 0 : _j.viewApplication) !== null && _k !== void 0 ? _k : (0, translator_1.t)("application.viewApplication")))),
+            react_1.default.createElement("footer", { className: "status-item__footer" },
+                react_1.default.createElement("div", { className: "status-item_links" },
+                    react_1.default.createElement(LinkComponent, { className: "status-item__link lined", href: props.listingURL }, (_m = (_l = props.strings) === null || _l === void 0 ? void 0 : _l.seeListing) !== null && _m !== void 0 ? _m : (0, translator_1.t)("t.seeListing"))),
+                react_1.default.createElement("div", { className: "status-item__meta" },
+                    react_1.default.createElement("p", { className: "status-item__date" }, (_p = (_o = props.strings) === null || _o === void 0 ? void 0 : _o.edited) !== null && _p !== void 0 ? _p : (0, translator_1.t)("application.edited"),
+                        ": ",
+                        props.applicationUpdatedAt))))));
+};
+exports.default = StatusItem;
+exports.StatusItem = StatusItem;
+//# sourceMappingURL=StatusItem.js.map

package/dist/src/blocks/StatusItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusItem.js","sourceRoot":"","sources":["../../../src/blocks/StatusItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,6BAA0B;AAC1B,oDAAyC;AACzC,iEAA+D;AAoB/D,IAAM,UAAU,GAAG,UAAC,KAAsB;;IAChC,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,qCAAiB,CAAC,cAAlC,CAAkC;IAEvD,OAAO,CACL,2CAAS,SAAS,EAAC,uCAAuC;QACxD,uCAAK,SAAS,EAAC,oBAAoB;YACjC,0CAAQ,SAAS,EAAC,qBAAqB;gBACrC,sCAAI,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAC,WAAW,CAAM;gBAC1D,KAAK,CAAC,kBAAkB,IAAI,CAC3B,qCAAG,SAAS,EAAC,kBAAkB,IAC5B,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,mBAAmB,mCAAI,IAAA,cAAC,EAAC,8BAA8B,CAAC;;oBAAG,GAAG;oBAC7E,KAAK,CAAC,kBAAkB,CACvB,CACL,CACM;YAET,2CAAS,SAAS,EAAC,sBAAsB;gBACvC,uCAAK,SAAS,EAAC,sBAAsB,IAClC,KAAK,CAAC,kBAAkB,IAAI,CAC3B;oBACE,wCAAM,SAAS,EAAC,2BAA2B,IACxC,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,IAAA,cAAC,EAAC,+BAA+B,CAAC;4BAC3D;oBACP,yCAAM;oBACN,wCAAM,SAAS,EAAC,6BAA6B,IAAE,KAAK,CAAC,kBAAkB,CAAQ,CAC9E,CACJ,CACG;gBAEN,uCAAK,SAAS,EAAC,qBAAqB;oBAClC,qCAAG,SAAS,EAAC,qBAAqB;wBAChC,wCAAM,SAAS,EAAE,oBAAoB,IAClC,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,MAAM,mCAAI,IAAA,cAAC,EAAC,oBAAoB,CAAC;;4BAAG,GAAG,EACtD,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,eAAe,mCAAI,IAAA,cAAC,EAAC,gCAAgC,CAAC,CACjE,CACL;oBACJ,qCAAG,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,EAAC,iBAAiB,IACvD,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,eAAe,mCAAI,IAAA,cAAC,EAAC,6BAA6B,CAAC,CACjE,CACA,CACE;YAEV,0CAAQ,SAAS,EAAC,qBAAqB;gBACrC,uCAAK,SAAS,EAAC,mBAAmB;oBAChC,8BAAC,aAAa,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,KAAK,CAAC,UAAU,IACtE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,IAAA,cAAC,EAAC,cAAc,CAAC,CACjC,CACZ;gBAEN,uCAAK,SAAS,EAAC,mBAAmB;oBAChC,qCAAG,SAAS,EAAC,mBAAmB,IAC7B,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,MAAM,mCAAI,IAAA,cAAC,EAAC,oBAAoB,CAAC;;wBAAI,KAAK,CAAC,oBAAoB,CAC7E,CACA,CACC,CACL,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAEsB,6BAAO;AAAE,gCAAU"}

package/dist/src/blocks/StatusItem.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const StatusItemSubmitted: () => JSX.Element;
+export declare const StatusItemNoConfirmationNumberOrDueDate: () => JSX.Element;

package/dist/src/blocks/StatusItem.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusItemNoConfirmationNumberOrDueDate = exports.StatusItemSubmitted = void 0;
+var react_1 = __importDefault(require("react"));
+var StatusItem_1 = require("./StatusItem");
+exports.default = {
+    title: "Blocks/Status Item",
+};
+var StatusItemSubmitted = function () { return (react_1.default.createElement(StatusItem_1.StatusItem, { applicationDueDate: "March 10th, 2022", applicationURL: "application/1234abcd", applicationUpdatedAt: "March 8th, 2022", confirmationNumber: "1234abcd", listingName: "Listing Name", listingURL: "/listing/abcd1234/listing-name" })); };
+exports.StatusItemSubmitted = StatusItemSubmitted;
+var StatusItemNoConfirmationNumberOrDueDate = function () { return (react_1.default.createElement(StatusItem_1.StatusItem, { applicationURL: "application/1234abcd", applicationUpdatedAt: "March 8th, 2022", listingName: "Listing Name", listingURL: "/listing/abcd1234/listing-name" })); };
+exports.StatusItemNoConfirmationNumberOrDueDate = StatusItemNoConfirmationNumberOrDueDate;
+//# sourceMappingURL=StatusItem.stories.js.map

package/dist/src/blocks/StatusItem.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusItem.stories.js","sourceRoot":"","sources":["../../../src/blocks/StatusItem.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,2CAAyC;AAEzC,kBAAe;IACb,KAAK,EAAE,oBAAoB;CAC5B,CAAA;AAEM,IAAM,mBAAmB,GAAG,cAAM,OAAA,CACvC,8BAAC,uBAAU,IACT,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,sBAAsB,EACtC,oBAAoB,EAAE,iBAAiB,EACvC,kBAAkB,EAAE,UAAU,EAC9B,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,gCAAgC,GAC5C,CACH,EATwC,CASxC,CAAA;AATY,QAAA,mBAAmB,uBAS/B;AAEM,IAAM,uCAAuC,GAAG,cAAM,OAAA,CAC3D,8BAAC,uBAAU,IACT,cAAc,EAAE,sBAAsB,EACtC,oBAAoB,EAAE,iBAAiB,EACvC,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,gCAAgC,GAC5C,CACH,EAP4D,CAO5D,CAAA;AAPY,QAAA,uCAAuC,2CAOnD"}

package/dist/src/blocks/ViewItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import "./ViewItem.scss";
+export interface ViewItemProps {
+    id?: string;
+    label?: string;
+    children?: React.ReactNode;
+    helper?: string;
+    flagged?: boolean;
+    className?: string;
+    truncated?: boolean;
+    error?: boolean;
+    dataTestId?: string;
+}
+declare const ViewItem: (props: ViewItemProps) => JSX.Element;
+export { ViewItem as default, ViewItem };

package/dist/src/blocks/ViewItem.js

@@ -0,0 +1,47 @@
+"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.ViewItem = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./ViewItem.scss");
+var ViewItem = function (props) {
+    var viewItemClasses = ["view-item"];
+    if (props.flagged)
+        viewItemClasses.push("is-flagged");
+    if (props.className)
+        viewItemClasses.push(props.className);
+    var valueClassName = "view-item__value";
+    if (!props.label)
+        valueClassName += " pt-0";
+    if (props.truncated)
+        valueClassName += " is-truncated";
+    return (React.createElement("div", { id: props.id, className: viewItemClasses.join(" "), "data-test-id": props.dataTestId },
+        props.label && (React.createElement("span", { className: "view-item__label ".concat(props.error ? "text-alert text-tiny" : "") }, props.label)),
+        props.children && (React.createElement("span", { className: valueClassName, "data-test-id": props.dataTestId }, props.children)),
+        props.helper && React.createElement("span", { className: "view-item__helper" }, props.helper)));
+};
+exports.default = ViewItem;
+exports.ViewItem = ViewItem;
+//# sourceMappingURL=ViewItem.js.map

package/dist/src/blocks/ViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewItem.js","sourceRoot":"","sources":["../../../src/blocks/ViewItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2BAAwB;AAcxB,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAA;IACrC,IAAI,KAAK,CAAC,OAAO;QAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACrD,IAAI,KAAK,CAAC,SAAS;QAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAE1D,IAAI,cAAc,GAAG,kBAAkB,CAAA;IACvC,IAAI,CAAC,KAAK,CAAC,KAAK;QAAE,cAAc,IAAI,OAAO,CAAA;IAC3C,IAAI,KAAK,CAAC,SAAS;QAAE,cAAc,IAAI,eAAe,CAAA;IAEtD,OAAO,CACL,6BAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAgB,KAAK,CAAC,UAAU;QACpF,KAAK,CAAC,KAAK,IAAI,CACd,8BAAM,SAAS,EAAE,2BAAoB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAE,IAC7E,KAAK,CAAC,KAAK,CACP,CACR;QACA,KAAK,CAAC,QAAQ,IAAI,CACjB,8BAAM,SAAS,EAAE,cAAc,kBAAgB,KAAK,CAAC,UAAU,IAC5D,KAAK,CAAC,QAAQ,CACV,CACR;QACA,KAAK,CAAC,MAAM,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAC,MAAM,CAAQ,CACtE,CACP,CAAA;AACH,CAAC,CAAA;AAEoB,2BAAO;AAAE,4BAAQ"}

package/dist/src/blocks/ViewItem.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const NoHelper: () => JSX.Element;
+export declare const Flagged: () => JSX.Element;

package/dist/src/blocks/ViewItem.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flagged = exports.NoHelper = exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var ViewItem_1 = require("./ViewItem");
+exports.default = {
+    title: "Blocks/View Item",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var Default = function () { return react_1.default.createElement(ViewItem_1.ViewItem, { label: "Label", children: "Value", helper: "Helper" }); };
+exports.Default = Default;
+var NoHelper = function () { return react_1.default.createElement(ViewItem_1.ViewItem, { label: "Address", children: "1112 Springfield St." }); };
+exports.NoHelper = NoHelper;
+var Flagged = function () { return (react_1.default.createElement(ViewItem_1.ViewItem, { label: "Address", children: "1112 Springfield St.", flagged: true })); };
+exports.Flagged = Flagged;
+//# sourceMappingURL=ViewItem.stories.js.map

package/dist/src/blocks/ViewItem.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewItem.stories.js","sourceRoot":"","sources":["../../../src/blocks/ViewItem.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,uCAAqC;AAErC,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,OAAO,GAAG,cAAM,OAAA,8BAAC,mBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,GAAG,EAA3D,CAA2D,CAAA;AAA3E,QAAA,OAAO,WAAoE;AAEjF,IAAM,QAAQ,GAAG,cAAM,OAAA,8BAAC,mBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,sBAAsB,GAAG,EAA5D,CAA4D,CAAA;AAA7E,QAAA,QAAQ,YAAqE;AAEnF,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,8BAAC,mBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAE,IAAI,GAAI,CAC5E,EAF4B,CAE5B,CAAA;AAFY,QAAA,OAAO,WAEnB"}

package/dist/src/config/NavigationContext.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="node" />
+import React, { FunctionComponent, AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+import { UrlObject } from "url";
+declare type Url = UrlObject | string;
+declare type DefaultLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+export interface LinkProps extends DefaultLinkProps {
+    className?: string;
+}
+export interface GenericRouterOptions {
+    locale?: string;
+}
+export interface GenericRouter {
+    push: (url: Url, as?: Url, options?: GenericRouterOptions) => void;
+    back(): void;
+    pathname: string;
+    asPath: string;
+    locale?: string;
+}
+export interface NavigationContextProps {
+    LinkComponent: FunctionComponent<LinkProps>;
+    router: GenericRouter;
+}
+export declare const NavigationContext: React.Context<NavigationContextProps>;
+export {};