@bloom-housing/ui-components 7.1.0 → 7.2.0

package/dist/src/config/NavigationContext.js

@@ -0,0 +1,53 @@
+"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.NavigationContext = void 0;
+var react_1 = __importStar(require("react"));
+exports.NavigationContext = (0, react_1.createContext)({
+    LinkComponent: function (props) { return (react_1.default.createElement("a", __assign({ className: props.className }, props), props.children)); },
+    router: {
+        push: function () {
+            // no-op
+        },
+        back: function () {
+            // no-op
+        },
+        pathname: "",
+        asPath: "",
+        locale: "",
+    },
+});
+//# sourceMappingURL=NavigationContext.js.map

package/dist/src/config/NavigationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationContext.js","sourceRoot":"","sources":["../../../src/config/NavigationContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAKc;AA+BD,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAyB;IACrE,aAAa,EAAE,UAAC,KAAK,IAAK,OAAA,CACxB,8CAAG,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,KAAK,GACrC,KAAK,CAAC,QAAQ,CACb,CACL,EAJyB,CAIzB;IACD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,QAAQ;QACV,CAAC;QACD,IAAI,EAAE;YACJ,QAAQ;QACV,CAAC;QACD,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export * from "./NavigationContext";

package/dist/src/config/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NavigationContext"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAmC"}

package/dist/src/documentation/Utilities.d.ts

@@ -0,0 +1,2 @@
+import "./Utilities.scss";
+export declare const Typography: () => JSX.Element;

package/dist/src/documentation/Utilities.js

@@ -0,0 +1,71 @@
+"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.Typography = void 0;
+var React = __importStar(require("react"));
+require("./Utilities.scss");
+var CustomMdxTable = function (props) {
+    return (React.createElement("table", { className: "mdx-table" },
+        props.headers.length > 0 && (React.createElement("tr", null, props.headers.map(function (header) {
+            return React.createElement("th", { align: "left" }, header);
+        }))),
+        props.data.map(function (row) {
+            return (React.createElement("tr", null, row.map(function (cell) {
+                return React.createElement("td", null, cell);
+            })));
+        })));
+};
+var Typography = function () {
+    return (React.createElement(CustomMdxTable, { headers: ["Class", "Example"], data: [
+            [
+                "text__large-primary",
+                React.createElement("div", { className: "text__large-primary" }, "Large Primary Text Style"),
+            ],
+            [
+                "text__medium-normal",
+                React.createElement("div", { className: "text__medium-normal" }, "Medium Normal Text Style"),
+            ],
+            [
+                "text__small-weighted",
+                React.createElement("div", { className: "text__small-weighted" }, "Small Weighted Text Style"),
+            ],
+            ["text__small-normal", React.createElement("div", { className: "text__small-normal" }, "Small Normal Text Style")],
+            [
+                "text__underline-weighted",
+                React.createElement("div", { className: "text__underline-weighted" }, "Underline Weighted Text Style"),
+            ],
+            [
+                "text__light-weighted",
+                React.createElement("div", { className: "text__light-weighted" }, "Light Weighted Text Style"),
+            ],
+            [
+                "text__caps-weighted",
+                React.createElement("div", { className: "text__caps-weighted" }, "Caps Weighted Text Style"),
+            ],
+            ["text__caps-spaced", React.createElement("div", { className: "text__caps-spaced" }, "Caps Spaced Text Style")],
+        ] }));
+};
+exports.Typography = Typography;
+//# sourceMappingURL=Utilities.js.map

package/dist/src/documentation/Utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Utilities.js","sourceRoot":"","sources":["../../../src/documentation/Utilities.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,4BAAyB;AAOzB,IAAM,cAAc,GAAG,UAAC,KAA0B;IAChD,OAAO,CACL,+BAAO,SAAS,EAAE,WAAW;QAC1B,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,gCACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;YACxB,OAAO,4BAAI,KAAK,EAAC,MAAM,IAAE,MAAM,CAAM,CAAA;QACvC,CAAC,CAAC,CACC,CACN;QAEA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;YAClB,OAAO,CACL,gCACG,GAAG,CAAC,GAAG,CAAC,UAAC,IAAI;gBACZ,OAAO,gCAAK,IAAI,CAAM,CAAA;YACxB,CAAC,CAAC,CACC,CACN,CAAA;QACH,CAAC,CAAC,CACI,CACT,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,UAAU,GAAG;IACxB,OAAO,CACL,oBAAC,cAAc,IACb,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAE;YACJ;gBACE,qBAAqB;gBACrB,6BAAK,SAAS,EAAE,qBAAqB,+BAAgC;aACtE;YACD;gBACE,qBAAqB;gBACrB,6BAAK,SAAS,EAAE,qBAAqB,+BAAgC;aACtE;YACD;gBACE,sBAAsB;gBACtB,6BAAK,SAAS,EAAE,sBAAsB,gCAAiC;aACxE;YACD,CAAC,oBAAoB,EAAE,6BAAK,SAAS,EAAE,oBAAoB,8BAA+B,CAAC;YAC3F;gBACE,0BAA0B;gBAC1B,6BAAK,SAAS,EAAE,0BAA0B,oCAAqC;aAChF;YACD;gBACE,sBAAsB;gBACtB,6BAAK,SAAS,EAAE,sBAAsB,gCAAiC;aACxE;YACD;gBACE,qBAAqB;gBACrB,6BAAK,SAAS,EAAE,qBAAqB,+BAAgC;aACtE;YACD,CAAC,mBAAmB,EAAE,6BAAK,SAAS,EAAE,mBAAmB,6BAA8B,CAAC;SACzF,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,UAAU,cAkCtB"}

package/dist/src/footers/ExygyFooter.d.ts

@@ -0,0 +1,2 @@
+declare const ExygyFooter: () => JSX.Element;
+export { ExygyFooter as default, ExygyFooter };

package/dist/src/footers/ExygyFooter.js

@@ -0,0 +1,34 @@
+"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.ExygyFooter = exports.default = void 0;
+var React = __importStar(require("react"));
+var ExygyFooter = function () { return (React.createElement("span", { className: "text-sm tracking-wider" },
+    "made with \u2764\uFE0F by",
+    " ",
+    React.createElement("a", { href: "http://exygy.com", target: "_blank", "aria-label": "Opens in new window" }, "exygy"))); };
+exports.default = ExygyFooter;
+exports.ExygyFooter = ExygyFooter;
+//# sourceMappingURL=ExygyFooter.js.map

package/dist/src/footers/ExygyFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExygyFooter.js","sourceRoot":"","sources":["../../../src/footers/ExygyFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,IAAM,WAAW,GAAG,cAAM,OAAA,CACxB,8BAAM,SAAS,EAAC,wBAAwB;;IACtB,GAAG;IACnB,2BAAG,IAAI,EAAC,kBAAkB,EAAC,MAAM,EAAC,QAAQ,gBAAY,qBAAqB,YAEvE,CACC,CACR,EAPyB,CAOzB,CAAA;AAEuB,8BAAO;AAAE,kCAAW"}

package/dist/src/footers/SiteFooter.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import "./SiteFooter.scss";
+export interface FooterProps {
+    children: React.ReactNode;
+}
+declare const SiteFooter: (props: FooterProps) => JSX.Element;
+export { SiteFooter as default, SiteFooter };

package/dist/src/footers/SiteFooter.js

@@ -0,0 +1,32 @@
+"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.SiteFooter = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./SiteFooter.scss");
+var SiteFooter = function (props) { return React.createElement("footer", { className: "site-footer" }, props.children); };
+exports.default = SiteFooter;
+exports.SiteFooter = SiteFooter;
+//# sourceMappingURL=SiteFooter.js.map

package/dist/src/footers/SiteFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.js","sourceRoot":"","sources":["../../../src/footers/SiteFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6BAA0B;AAM1B,IAAM,UAAU,GAAG,UAAC,KAAkB,IAAK,OAAA,gCAAQ,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,QAAQ,CAAU,EAAzD,CAAyD,CAAA;AAE7E,6BAAO;AAAE,gCAAU"}

package/dist/src/footers/SiteFooter.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    parameters: {
+        componentSubtitle: string;
+    };
+    component: (props: import("./SiteFooter").FooterProps) => JSX.Element;
+};
+export default _default;
+export declare const footer: () => JSX.Element;
+export declare const footerManyLinks: () => JSX.Element;
+export declare const overflowingLinks: () => JSX.Element;
+export declare const withLogo: () => JSX.Element;
+export declare const withLogoAndCredits: () => JSX.Element;

package/dist/src/footers/SiteFooter.stories.js

@@ -0,0 +1,83 @@
+"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.withLogoAndCredits = exports.withLogo = exports.overflowingLinks = exports.footerManyLinks = exports.footer = void 0;
+var React = __importStar(require("react"));
+var SiteFooter_1 = require("./SiteFooter");
+var FooterNav_1 = require("../navigation/FooterNav");
+var LocalizedLink_1 = require("../actions/LocalizedLink");
+var ExygyFooter_1 = require("./ExygyFooter");
+var FooterSection_1 = require("../sections/FooterSection");
+exports.default = {
+    title: "Footers/Site Footer",
+    parameters: {
+        componentSubtitle: "Site-wide footer, shown on every page.",
+    },
+    component: SiteFooter_1.SiteFooter,
+};
+var credits = (React.createElement(React.Fragment, null,
+    React.createElement("p", null,
+        "Alameda County Housing Portal is a project of the",
+        React.createElement("br", null),
+        React.createElement("a", { href: "https://www.acgov.org/cda/hcd/", target: "_blank" }, "Alameda County - Housing and Community Development (HCD) Department")),
+    React.createElement("p", null,
+        React.createElement("img", { className: "h-16 w-16", src: "/images/eho-logo-white.svg", alt: "Equal Housing Opportunity Logo" }))));
+var logo = React.createElement("img", { src: "/images/alameda-logo-white.svg", alt: "Alameda Logo" });
+var footer = function () { return (React.createElement(SiteFooter_1.SiteFooter, null,
+    React.createElement(FooterNav_1.FooterNav, { copyright: "Alameda County \u00A9 2020 \u2022 All Rights Reserved" },
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Policy")))); };
+exports.footer = footer;
+var footerManyLinks = function () { return (React.createElement(SiteFooter_1.SiteFooter, null,
+    React.createElement(FooterNav_1.FooterNav, { copyright: "Alameda County \u00A9 2020 \u2022 All Rights Reserved" },
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Privacy Policy"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Get Assistance"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Give Feedback"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Contact"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "About")))); };
+exports.footerManyLinks = footerManyLinks;
+var overflowingLinks = function () { return (React.createElement(SiteFooter_1.SiteFooter, null,
+    React.createElement(FooterNav_1.FooterNav, { copyright: "Alameda County \u00A9 2020 \u2022 All Rights Reserved" },
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Privacy Policy"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Get Assistance"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Give Feedback"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Contact"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "About"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Terms and Conditions"),
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Careers")))); };
+exports.overflowingLinks = overflowingLinks;
+var withLogo = function () { return (React.createElement(SiteFooter_1.SiteFooter, null,
+    React.createElement(FooterSection_1.FooterSection, null, logo),
+    React.createElement(FooterNav_1.FooterNav, { copyright: "Alameda County \u00A9 2020 \u2022 All Rights Reserved" },
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Policy")))); };
+exports.withLogo = withLogo;
+var withLogoAndCredits = function () { return (React.createElement(SiteFooter_1.SiteFooter, null,
+    React.createElement(FooterSection_1.FooterSection, null, logo),
+    React.createElement(FooterSection_1.FooterSection, null, credits),
+    React.createElement(FooterNav_1.FooterNav, { copyright: "Alameda County \u00A9 2020 \u2022 All Rights Reserved" },
+        React.createElement(LocalizedLink_1.LocalizedLink, { href: "/policy" }, "Policy")),
+    React.createElement(FooterSection_1.FooterSection, { className: "bg-black", small: true },
+        React.createElement(ExygyFooter_1.ExygyFooter, null)))); };
+exports.withLogoAndCredits = withLogoAndCredits;
+//# sourceMappingURL=SiteFooter.stories.js.map

package/dist/src/footers/SiteFooter.stories.js.map

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

package/dist/src/forms/CloudinaryUpload.d.ts

@@ -0,0 +1,12 @@
+interface CloudinaryUploadProps {
+    file: File;
+    onUploadProgress: (progress: number) => void;
+    cloudName: string;
+    uploadPreset: string;
+    tag?: string;
+    signature?: string;
+    apiKey?: string;
+    timestamp?: number;
+}
+export declare const CloudinaryUpload: ({ file, onUploadProgress, cloudName, uploadPreset, signature, apiKey, timestamp, tag, }: CloudinaryUploadProps) => Promise<import("axios").AxiosResponse<any>>;
+export {};

package/dist/src/forms/CloudinaryUpload.js

@@ -0,0 +1,82 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloudinaryUpload = void 0;
+var axios_1 = __importDefault(require("axios"));
+var CloudinaryUpload = function (_a) {
+    var file = _a.file, onUploadProgress = _a.onUploadProgress, cloudName = _a.cloudName, uploadPreset = _a.uploadPreset, signature = _a.signature, apiKey = _a.apiKey, timestamp = _a.timestamp, _b = _a.tag, tag = _b === void 0 ? "browser_upload" : _b;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var url, data, err, response;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    url = "https://api.cloudinary.com/v1_1/".concat(cloudName, "/upload");
+                    data = new FormData();
+                    data.append("upload_preset", uploadPreset);
+                    data.append("tags", tag);
+                    data.append("file", file);
+                    if (signature && timestamp && apiKey) {
+                        data.append("signature", signature);
+                        data.append("timestamp", "".concat(timestamp));
+                        data.append("api_key", apiKey);
+                    }
+                    if (!cloudName || cloudName == "" || !uploadPreset || uploadPreset == "") {
+                        err = "Please supply a cloud name and upload preset for Cloudinary";
+                        alert(err);
+                        throw err;
+                    }
+                    return [4 /*yield*/, axios_1.default.request({
+                            method: "post",
+                            url: url,
+                            data: data,
+                            onUploadProgress: function (p) {
+                                onUploadProgress(parseInt(((p.loaded / p.total) * 100).toFixed(0), 10));
+                            },
+                        })];
+                case 1:
+                    response = _c.sent();
+                    return [2 /*return*/, response];
+            }
+        });
+    });
+};
+exports.CloudinaryUpload = CloudinaryUpload;
+//# sourceMappingURL=CloudinaryUpload.js.map

package/dist/src/forms/CloudinaryUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudinaryUpload.js","sourceRoot":"","sources":["../../../src/forms/CloudinaryUpload.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAalB,IAAM,gBAAgB,GAAG,UAAO,EASf;QARtB,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,WAAsB,EAAtB,GAAG,mBAAG,gBAAgB,KAAA;;;;;;oBAEhB,GAAG,GAAG,0CAAmC,SAAS,YAAS,CAAA;oBAC3D,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAA;oBAC3B,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;oBAC1C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;oBACxB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;oBACzB,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE;wBACpC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;wBACnC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,UAAG,SAAS,CAAE,CAAC,CAAA;wBACxC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;qBAC/B;oBAED,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,YAAY,IAAI,EAAE,EAAE;wBAClE,GAAG,GAAG,6DAA6D,CAAA;wBACzE,KAAK,CAAC,GAAG,CAAC,CAAA;wBACV,MAAM,GAAG,CAAA;qBACV;oBAEgB,qBAAM,eAAK,CAAC,OAAO,CAAC;4BACnC,MAAM,EAAE,MAAM;4BACd,GAAG,EAAE,GAAG;4BACR,IAAI,EAAE,IAAI;4BACV,gBAAgB,EAAE,UAAC,CAAC;gCAClB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;4BACzE,CAAC;yBACF,CAAC,EAAA;;oBAPI,QAAQ,GAAG,SAOf;oBACF,sBAAO,QAAQ,EAAA;;;;CAChB,CAAA;AApCY,QAAA,gBAAgB,oBAoC5B"}

package/dist/src/forms/DOBField.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { UseFormMethods, FieldError, DeepMap } from "react-hook-form";
+export declare type DOBFieldValues = {
+    birthDay: string;
+    birthMonth: string;
+    birthYear: string;
+};
+export interface DOBFieldProps {
+    error?: DeepMap<DOBFieldValues, FieldError>;
+    errorMessage?: string;
+    label: React.ReactNode;
+    register: UseFormMethods["register"];
+    watch: UseFormMethods["watch"];
+    defaultDOB?: DOBFieldValues;
+    validateAge18?: boolean;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readerOnly?: boolean;
+    strings?: {
+        dateError?: string;
+        day?: string;
+        dayPlaceholder?: string;
+        month?: string;
+        monthPlaceholder?: string;
+        year?: string;
+        yearPlaceholder?: string;
+    };
+}
+declare const DOBField: (props: DOBFieldProps) => JSX.Element;
+export { DOBField as default, DOBField };

package/dist/src/forms/DOBField.js

@@ -0,0 +1,76 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOBField = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var translator_1 = require("../helpers/translator");
+var Field_1 = require("./Field");
+var dayjs_1 = __importDefault(require("dayjs"));
+var customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
+dayjs_1.default.extend(customParseFormat_1.default);
+var DOBField = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var defaultDOB = props.defaultDOB, error = props.error, register = props.register, watch = props.watch, validateAge18 = props.validateAge18, name = props.name, id = props.id, errorMessage = props.errorMessage;
+    var getFieldName = function (baseName) {
+        // Append overall date field name to individual date field name
+        return [name, baseName].filter(function (item) { return item; }).join(".");
+    };
+    var hasError = (error === null || error === void 0 ? void 0 : error.birthMonth) || (error === null || error === void 0 ? void 0 : error.birthDay) || (error === null || error === void 0 ? void 0 : error.birthYear);
+    var birthDay = (_a = watch(getFieldName("birthDay"))) !== null && _a !== void 0 ? _a : defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthDay;
+    var birthMonth = (_b = watch(getFieldName("birthMonth"))) !== null && _b !== void 0 ? _b : defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthMonth;
+    var validateAge = function (value) {
+        return (parseInt(value) > 1900 &&
+            (0, dayjs_1.default)("".concat(birthMonth, "/").concat(birthDay, "/").concat(value), "M/D/YYYY") < (0, dayjs_1.default)().subtract(18, "years"));
+    };
+    var labelClasses = ["text__caps-spaced"];
+    if (props.readerOnly)
+        labelClasses.push("sr-only");
+    if (hasError)
+        labelClasses.push("text-alert");
+    return (react_1.default.createElement("fieldset", { id: id },
+        react_1.default.createElement("legend", { className: labelClasses.join(" ") }, props.label),
+        react_1.default.createElement("div", { className: "field-group--date" },
+            react_1.default.createElement(Field_1.Field, { name: getFieldName("birthMonth"), label: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.month) !== null && _d !== void 0 ? _d : (0, translator_1.t)("t.month"), disabled: props.disabled, readerOnly: true, placeholder: (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.monthPlaceholder) !== null && _f !== void 0 ? _f : (0, translator_1.t)("account.settings.placeholders.month"), defaultValue: (defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthMonth) ? defaultDOB.birthMonth : "", error: (error === null || error === void 0 ? void 0 : error.birthMonth) !== undefined, validation: {
+                    required: props.required,
+                    validate: {
+                        monthRange: function (value) {
+                            if (!props.required && !(value === null || value === void 0 ? void 0 : value.length))
+                                return true;
+                            return parseInt(value) > 0 && parseInt(value) <= 12;
+                        },
+                    },
+                }, inputProps: { maxLength: 2 }, register: register, dataTestId: "dob-field-month" }),
+            react_1.default.createElement(Field_1.Field, { name: getFieldName("birthDay"), label: (_h = (_g = props.strings) === null || _g === void 0 ? void 0 : _g.day) !== null && _h !== void 0 ? _h : (0, translator_1.t)("t.day"), disabled: props.disabled, readerOnly: true, placeholder: (_k = (_j = props.strings) === null || _j === void 0 ? void 0 : _j.dayPlaceholder) !== null && _k !== void 0 ? _k : (0, translator_1.t)("account.settings.placeholders.day"), defaultValue: (defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthDay) ? defaultDOB.birthDay : "", error: (error === null || error === void 0 ? void 0 : error.birthDay) !== undefined, validation: {
+                    required: props.required,
+                    validate: {
+                        dayRange: function (value) {
+                            if (!props.required && !(value === null || value === void 0 ? void 0 : value.length))
+                                return true;
+                            return parseInt(value) > 0 && parseInt(value) <= 31;
+                        },
+                    },
+                }, inputProps: { maxLength: 2 }, register: register, dataTestId: "dob-field-day" }),
+            react_1.default.createElement(Field_1.Field, { name: getFieldName("birthYear"), label: (_m = (_l = props.strings) === null || _l === void 0 ? void 0 : _l.year) !== null && _m !== void 0 ? _m : (0, translator_1.t)("t.year"), disabled: props.disabled, readerOnly: true, placeholder: (_p = (_o = props.strings) === null || _o === void 0 ? void 0 : _o.yearPlaceholder) !== null && _p !== void 0 ? _p : (0, translator_1.t)("account.settings.placeholders.year"), defaultValue: (defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthYear) ? defaultDOB.birthYear : "", error: (error === null || error === void 0 ? void 0 : error.birthYear) !== undefined, validation: {
+                    required: props.required,
+                    validate: {
+                        yearRange: function (value) {
+                            if (props.required && value && parseInt(value) < 1900)
+                                return false;
+                            if (props.required && value && parseInt(value) > (0, dayjs_1.default)().year() + 10)
+                                return false;
+                            if (!props.required && !(value === null || value === void 0 ? void 0 : value.length))
+                                return true;
+                            if ((value === null || value === void 0 ? void 0 : value.length) && validateAge18)
+                                return validateAge(value);
+                            return true;
+                        },
+                    },
+                }, inputProps: { maxLength: 4 }, register: register, dataTestId: "dob-field-year" })),
+        hasError && (react_1.default.createElement("div", { className: "field error" },
+            react_1.default.createElement("span", { id: "".concat(id, "-error"), className: "error-message" }, errorMessage ? errorMessage : (_r = (_q = props.strings) === null || _q === void 0 ? void 0 : _q.dateError) !== null && _r !== void 0 ? _r : (0, translator_1.t)("errors.dateOfBirthError"))))));
+};
+exports.default = DOBField;
+exports.DOBField = DOBField;
+//# sourceMappingURL=DOBField.js.map

package/dist/src/forms/DOBField.js.map

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

package/dist/src/forms/DOBField.stories.d.ts

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

package/dist/src/forms/DOBField.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.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var DOBField_1 = require("./DOBField");
+var react_hook_form_1 = require("react-hook-form");
+exports.default = {
+    title: "Forms/Date of Birth Field",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var Default = function () {
+    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, watch = _a.watch, errors = _a.errors;
+    return (react_1.default.createElement(DOBField_1.DOBField, { id: "dateOfBirth", name: "dateOfBirth", label: "Date of Birth", required: true, register: register, watch: watch, error: errors === null || errors === void 0 ? void 0 : errors.dateOfBirth, validateAge18: true }));
+};
+exports.Default = Default;
+//# sourceMappingURL=DOBField.stories.js.map

package/dist/src/forms/DOBField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOBField.stories.js","sourceRoot":"","sources":["../../../src/forms/DOBField.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,uCAAqC;AACrC,mDAAyC;AAEzC,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,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;IACf,IAAA,KAA8B,IAAA,yBAAO,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAzD,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAkC,CAAA;IAEjE,OAAO,CACL,8BAAC,mBAAQ,IACP,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAC1B,aAAa,EAAE,IAAI,GACnB,CACH,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,OAAO,WAenB"}