@bloom-housing/ui-components 7.1.0 → 7.2.0

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

@@ -0,0 +1,2 @@
+declare function useKeyPress(targetKey: string, callback: () => unknown): void;
+export default useKeyPress;

package/dist/src/helpers/useKeyPress.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useKeyPress(targetKey, callback) {
+    (0, react_1.useEffect)(function () {
+        function keyUp(e) {
+            if (e.key === targetKey)
+                callback();
+        }
+        window.addEventListener("keyup", keyUp);
+        return function () {
+            window.removeEventListener("keyup", keyUp);
+        };
+    }, [targetKey, callback]);
+}
+exports.default = useKeyPress;
+//# sourceMappingURL=useKeyPress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyPress.js","sourceRoot":"","sources":["../../../src/helpers/useKeyPress.ts"],"names":[],"mappings":";;AAAA,+BAAiC;AAEjC,SAAS,WAAW,CAAC,SAAiB,EAAE,QAAuB;IAC7D,IAAA,iBAAS,EAAC;QACR,SAAS,KAAK,CAAC,CAAgB;YAC7B,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;gBAAE,QAAQ,EAAE,CAAA;QACrC,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAEvC,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC5C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;AAC3B,CAAC;AAED,kBAAe,WAAW,CAAA"}

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

@@ -0,0 +1,13 @@
+export declare type UseMutateOptions = {
+    onSuccess?: () => void;
+    onError?: (err: any) => void;
+};
+declare const useMutate: <UseMutateResponse>() => {
+    mutate: (mutateFn: (args?: unknown) => Promise<UseMutateResponse>, options?: UseMutateOptions | undefined) => Promise<UseMutateResponse | undefined>;
+    reset: () => void;
+    data: UseMutateResponse | undefined;
+    isSuccess: boolean;
+    isLoading: boolean;
+    isError: unknown;
+};
+export { useMutate as default, useMutate };

package/dist/src/helpers/useMutate.js

@@ -0,0 +1,93 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMutate = exports.default = void 0;
+var react_1 = require("react");
+var useMutate = function () {
+    var _a = (0, react_1.useState)(undefined), data = _a[0], setData = _a[1];
+    var _b = (0, react_1.useState)(false), isSuccess = _b[0], setSuccess = _b[1];
+    var _c = (0, react_1.useState)(false), isLoading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(null), isError = _d[0], setError = _d[1];
+    var mutate = function (mutateFn, options) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, err_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    response = undefined;
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    setLoading(true);
+                    return [4 /*yield*/, mutateFn()];
+                case 2:
+                    response = _c.sent();
+                    setData(response);
+                    setSuccess(true);
+                    (_a = options === null || options === void 0 ? void 0 : options.onSuccess) === null || _a === void 0 ? void 0 : _a.call(options);
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _c.sent();
+                    setSuccess(false);
+                    setLoading(false);
+                    setError(err_1);
+                    (_b = options === null || options === void 0 ? void 0 : options.onError) === null || _b === void 0 ? void 0 : _b.call(options, err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/, response];
+            }
+        });
+    }); };
+    var reset = function () {
+        setData(undefined);
+        setSuccess(false);
+        setLoading(false);
+        setError(null);
+    };
+    return {
+        mutate: mutate,
+        reset: reset,
+        data: data,
+        isSuccess: isSuccess,
+        isLoading: isLoading,
+        isError: isError,
+    };
+};
+exports.default = useMutate;
+exports.useMutate = useMutate;
+//# sourceMappingURL=useMutate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMutate.js","sourceRoot":"","sources":["../../../src/helpers/useMutate.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAOhC,IAAM,SAAS,GAAG;IACV,IAAA,KAAkB,IAAA,gBAAQ,EAAgC,SAAS,CAAC,EAAnE,IAAI,QAAA,EAAE,OAAO,QAAsD,CAAA;IACpE,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,SAAS,QAAA,EAAE,UAAU,QAAmB,CAAA;IACzC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,SAAS,QAAA,EAAE,UAAU,QAAmB,CAAA;IACzC,IAAA,KAAsB,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAA5C,OAAO,QAAA,EAAE,QAAQ,QAA2B,CAAA;IAEnD,IAAM,MAAM,GAAG,UACb,QAAwD,EACxD,OAA0B;;;;;;oBAEtB,QAAQ,GAAkC,SAAS,CAAA;;;;oBAGrD,UAAU,CAAC,IAAI,CAAC,CAAA;oBACL,qBAAM,QAAQ,EAAE,EAAA;;oBAA3B,QAAQ,GAAG,SAAgB,CAAA;oBAC3B,OAAO,CAAC,QAAQ,CAAC,CAAA;oBACjB,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChB,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,uDAAI,CAAA;oBACtB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;oBAEjB,UAAU,CAAC,KAAK,CAAC,CAAA;oBACjB,UAAU,CAAC,KAAK,CAAC,CAAA;oBACjB,QAAQ,CAAC,KAAG,CAAC,CAAA;oBACb,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,wDAAG,KAAG,CAAC,CAAA;;wBAGzB,sBAAO,QAAQ,EAAA;;;SAChB,CAAA;IAED,IAAM,KAAK,GAAG;QACZ,OAAO,CAAC,SAAS,CAAC,CAAA;QAClB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,OAAO;QACL,MAAM,QAAA;QACN,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,SAAS,WAAA;QACT,OAAO,SAAA;KACR,CAAA;AACH,CAAC,CAAA;AAEqB,4BAAO;AAAE,8BAAS"}

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

@@ -0,0 +1,7 @@
+import { RefObject } from "react";
+declare type OutsideClickProps = {
+    ref: RefObject<Element>;
+    callback: () => unknown;
+};
+export declare const useOutsideClick: ({ ref, callback }: OutsideClickProps) => void;
+export {};

package/dist/src/helpers/useOutsideClick.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOutsideClick = void 0;
+var react_1 = require("react");
+var useOutsideClick = function (_a) {
+    var ref = _a.ref, callback = _a.callback;
+    var handleClick = (0, react_1.useCallback)(function (e) {
+        if ((ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.contains(e.target)) {
+            callback();
+        }
+    }, [ref, callback]);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener("click", handleClick);
+        return function () {
+            document.removeEventListener("click", handleClick);
+        };
+    });
+};
+exports.useOutsideClick = useOutsideClick;
+//# sourceMappingURL=useOutsideClick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../../src/helpers/useOutsideClick.ts"],"names":[],"mappings":";;;AAAA,+BAAyD;AAOlD,IAAM,eAAe,GAAG,UAAC,EAAoC;QAAlC,GAAG,SAAA,EAAE,QAAQ,cAAA;IAC7C,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,CAAM;QACL,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACnD,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,EACD,CAAC,GAAG,EAAE,QAAQ,CAAC,CAChB,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAE/C,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAjBY,QAAA,eAAe,mBAiB3B"}

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

@@ -0,0 +1,3 @@
+export declare const emailRegex: RegExp;
+export declare const passwordRegex: RegExp;
+export declare const urlRegex: RegExp;

package/dist/src/helpers/validators.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.urlRegex = exports.passwordRegex = exports.emailRegex = void 0;
+exports.emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+exports.passwordRegex = /^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]+).{7,}$/;
+exports.urlRegex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})$/;
+//# sourceMappingURL=validators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/helpers/validators.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,sJAAsJ,CAAA;AACnK,QAAA,aAAa,GAAG,gDAAgD,CAAA;AAChE,QAAA,QAAQ,GAAG,oNAAoN,CAAA"}

package/dist/src/icons/FontAwesome.stories.d.ts

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

package/dist/src/icons/FontAwesome.stories.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.IconHandsClapping = exports.IconForwardStep = exports.IconAlignCenter = void 0;
+var react_1 = __importDefault(require("react"));
+var Icon_1 = require("./Icon");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+exports.default = {
+    title: "Icons/FontAwesome Examples",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var IconAlignCenter = function () { return react_1.default.createElement(Icon_1.Icon, { symbol: free_solid_svg_icons_1.faAlignCenter, size: "large" }); };
+exports.IconAlignCenter = IconAlignCenter;
+var IconForwardStep = function () { return react_1.default.createElement(Icon_1.Icon, { symbol: free_solid_svg_icons_1.faForwardStep, size: "large", fill: "#2277CC" }); };
+exports.IconForwardStep = IconForwardStep;
+var IconHandsClapping = function () { return react_1.default.createElement(Icon_1.Icon, { symbol: free_solid_svg_icons_1.faHandsClapping, size: "large", fill: "#BB5511" }); };
+exports.IconHandsClapping = IconHandsClapping;
+//# sourceMappingURL=FontAwesome.stories.js.map

package/dist/src/icons/FontAwesome.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontAwesome.stories.js","sourceRoot":"","sources":["../../../src/icons/FontAwesome.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,+BAA6B;AAC7B,0EAAiG;AAEjG,kBAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,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,eAAe,GAAG,cAAM,OAAA,8BAAC,WAAI,IAAC,MAAM,EAAE,oCAAa,EAAE,IAAI,EAAC,OAAO,GAAG,EAA5C,CAA4C,CAAA;AAApE,QAAA,eAAe,mBAAqD;AAC1E,IAAM,eAAe,GAAG,cAAM,OAAA,8BAAC,WAAI,IAAC,MAAM,EAAE,oCAAa,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,GAAG,EAA3D,CAA2D,CAAA;AAAnF,QAAA,eAAe,mBAAoE;AACzF,IAAM,iBAAiB,GAAG,cAAM,OAAA,8BAAC,WAAI,IAAC,MAAM,EAAE,sCAAe,EAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,GAAG,EAA7D,CAA6D,CAAA;AAAvF,QAAA,iBAAiB,qBAAsE"}

package/dist/src/icons/HeaderBadge.d.ts

@@ -0,0 +1,3 @@
+import "./HeaderBadge.scss";
+declare const HeaderBadge: () => JSX.Element;
+export { HeaderBadge as default, HeaderBadge };

package/dist/src/icons/HeaderBadge.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.HeaderBadge = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./HeaderBadge.scss");
+var HeaderBadge = function () { return (React.createElement("span", { className: "header-badge" },
+    React.createElement("svg", { id: "i-application", viewBox: "0 0 24 32" },
+        React.createElement("title", null, "application"),
+        React.createElement("path", { fill: "#edebda", d: "M24.51 7.626l-7.626-7.626h-16.885v31.592h24.51v-23.966z" }),
+        React.createElement("path", { fill: "#cec9ae", d: "M16.885 0v7.626h7.626l-7.626-7.626z" }),
+        React.createElement("path", { fill: "#cec9ae", d: "M19.064 11.982h-8.715c-0.301 0-0.544-0.243-0.544-0.544s0.245-0.544 0.544-0.544h8.715c0.301 0 0.544 0.245 0.544 0.544s-0.245 0.544-0.544 0.544z" }),
+        React.createElement("path", { fill: "#13a085", d: "M5.992 12.528c-0.139 0-0.28-0.054-0.386-0.16l-1.090-1.090c-0.213-0.213-0.213-0.557 0-0.77s0.557-0.213 0.77 0l0.744 0.744 2.342-1.874c0.235-0.187 0.578-0.15 0.766 0.085s0.15 0.578-0.085 0.766l-2.723 2.179c-0.101 0.080-0.221 0.12-0.341 0.12z" }),
+        React.createElement("path", { fill: "#cec9ae", d: "M19.064 17.974h-8.715c-0.301 0-0.544-0.243-0.544-0.544s0.245-0.544 0.544-0.544h8.715c0.301 0 0.544 0.243 0.544 0.544s-0.245 0.544-0.544 0.544z" }),
+        React.createElement("path", { fill: "#13a085", d: "M5.992 18.518c-0.139 0-0.28-0.053-0.386-0.16l-1.090-1.090c-0.213-0.213-0.213-0.557 0-0.77s0.557-0.213 0.77 0l0.744 0.744 2.342-1.874c0.235-0.187 0.578-0.15 0.766 0.085s0.15 0.578-0.085 0.766l-2.723 2.179c-0.101 0.080-0.221 0.12-0.341 0.12z" }),
+        React.createElement("path", { fill: "#cec9ae", d: "M19.064 23.966h-8.715c-0.301 0-0.544-0.243-0.544-0.544s0.245-0.544 0.544-0.544h8.715c0.301 0 0.544 0.243 0.544 0.544s-0.245 0.544-0.544 0.544z" }),
+        React.createElement("path", { fill: "#13a085", d: "M5.992 24.51c-0.139 0-0.28-0.053-0.386-0.16l-1.090-1.090c-0.213-0.213-0.213-0.557 0-0.77s0.557-0.213 0.77 0l0.744 0.744 2.342-1.874c0.235-0.187 0.578-0.15 0.766 0.085s0.15 0.578-0.085 0.766l-2.723 2.179c-0.101 0.080-0.221 0.12-0.341 0.12z" })))); };
+exports.default = HeaderBadge;
+exports.HeaderBadge = HeaderBadge;
+//# sourceMappingURL=HeaderBadge.js.map

package/dist/src/icons/HeaderBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBadge.js","sourceRoot":"","sources":["../../../src/icons/HeaderBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,8BAA2B;AAE3B,IAAM,WAAW,GAAG,cAAM,OAAA,CACxB,8BAAM,SAAS,EAAC,cAAc;IAC5B,6BAAK,EAAE,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW;QACzC,iDAA0B;QAC1B,8BAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,yDAAyD,GAAQ;QACxF,8BAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,qCAAqC,GAAQ;QACpE,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,gJAAgJ,GAC5I;QACR,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,iPAAiP,GAC7O;QACR,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,gJAAgJ,GAC5I;QACR,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,iPAAiP,GAC7O;QACR,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,gJAAgJ,GAC5I;QACR,8BACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,gPAAgP,GAC5O,CACJ,CACD,CACR,EAhCyB,CAgCzB,CAAA;AAEuB,8BAAO;AAAE,kCAAW"}

package/dist/src/icons/HeaderBadge.stories.d.ts

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

package/dist/src/icons/HeaderBadge.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var HeaderBadge_1 = __importDefault(require("./HeaderBadge"));
+exports.default = {
+    title: "Icons/Header Badge",
+};
+var withIcon = function () { return react_1.default.createElement(HeaderBadge_1.default, null); };
+exports.withIcon = withIcon;
+//# sourceMappingURL=HeaderBadge.stories.js.map

package/dist/src/icons/HeaderBadge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBadge.stories.js","sourceRoot":"","sources":["../../../src/icons/HeaderBadge.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,8DAAuC;AAEvC,kBAAe;IACb,KAAK,EAAE,oBAAoB;CAC5B,CAAA;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,8BAAC,qBAAW,OAAG,EAAf,CAAe,CAAA;AAAhC,QAAA,QAAQ,YAAwB"}

package/dist/src/icons/Icon.d.ts

@@ -0,0 +1,85 @@
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import "./Icon.scss";
+declare const IconMap: {
+    application: (props: import("./Icons").IconProps) => JSX.Element;
+    arrowBack: (props: import("./Icons").IconProps) => JSX.Element;
+    arrowForward: (props: import("./Icons").IconProps) => JSX.Element;
+    arrowDown: (props: import("./Icons").IconProps) => JSX.Element;
+    assistance: (props: import("./Icons").IconProps) => JSX.Element;
+    asterisk: (props: import("./Icons").IconProps) => JSX.Element;
+    bed: (props: import("./Icons").IconProps) => JSX.Element;
+    browse: (props: import("./Icons").IconProps) => JSX.Element;
+    building: (props: import("./Icons").IconProps) => JSX.Element;
+    calendar: (props: import("./Icons").IconProps) => JSX.Element;
+    check: (props: import("./Icons").IconProps) => JSX.Element;
+    clock: (props: import("./Icons").IconProps) => JSX.Element;
+    close: (props: import("./Icons").IconProps) => JSX.Element;
+    closeRound: (props: import("./Icons").IconProps) => JSX.Element;
+    closeSmall: (props: import("./Icons").IconProps) => JSX.Element;
+    cross: (props: import("./Icons").IconProps) => JSX.Element;
+    document: (props: import("./Icons").IconProps) => JSX.Element;
+    doubleHouse: (props: import("./Icons").IconProps) => JSX.Element;
+    down: (props: import("./Icons").IconProps) => JSX.Element;
+    download: (props: import("./Icons").IconProps) => JSX.Element;
+    draggable: (props: import("./Icons").IconProps) => JSX.Element;
+    edit: (props: import("./Icons").IconProps) => JSX.Element;
+    eligibility: (props: import("./Icons").IconProps) => JSX.Element;
+    envelope: (props: import("./Icons").IconProps) => JSX.Element;
+    eye: (props: import("./Icons").IconProps) => JSX.Element;
+    favorite: (props: import("./Icons").IconProps) => JSX.Element;
+    file: (props: import("./Icons").IconProps) => JSX.Element;
+    forward: (props: import("./Icons").IconProps) => JSX.Element;
+    frontDoor: (props: import("./Icons").IconProps) => JSX.Element;
+    globe: (props: import("./Icons").IconProps) => JSX.Element;
+    hamburger: (props: import("./Icons").IconProps) => JSX.Element;
+    house: (props: import("./Icons").IconProps) => JSX.Element;
+    info: (props: import("./Icons").IconProps) => JSX.Element;
+    left: (props: import("./Icons").IconProps) => JSX.Element;
+    lightbulb: (props: import("./Icons").IconProps) => JSX.Element;
+    like: (props: import("./Icons").IconProps) => JSX.Element;
+    likeFill: (props: import("./Icons").IconProps) => JSX.Element;
+    link: (props: import("./Icons").IconProps) => JSX.Element;
+    list: (props: import("./Icons").IconProps) => JSX.Element;
+    lock: (props: import("./Icons").IconProps) => JSX.Element;
+    mail: (props: import("./Icons").IconProps) => JSX.Element;
+    mailThin: (props: import("./Icons").IconProps) => JSX.Element;
+    map: (props: import("./Icons").IconProps) => JSX.Element;
+    mapThin: (props: import("./Icons").IconProps) => JSX.Element;
+    menu: (props: import("./Icons").IconProps) => JSX.Element;
+    messages: (props: import("./Icons").IconProps) => JSX.Element;
+    oval: (props: import("./Icons").IconProps) => JSX.Element;
+    phone: (props: import("./Icons").IconProps) => JSX.Element;
+    plus: (props: import("./Icons").IconProps) => JSX.Element;
+    polygon: (props: import("./Icons").IconProps) => JSX.Element;
+    profile: (props: import("./Icons").IconProps) => JSX.Element;
+    question: (props: import("./Icons").IconProps) => JSX.Element;
+    result: (props: import("./Icons").IconProps) => JSX.Element;
+    right: (props: import("./Icons").IconProps) => JSX.Element;
+    search: (props: import("./Icons").IconProps) => JSX.Element;
+    settings: (props: import("./Icons").IconProps) => JSX.Element;
+    spinner: (props: import("./Icons").IconProps) => JSX.Element;
+    star: (props: import("./Icons").IconProps) => JSX.Element;
+    ticket: (props: import("./Icons").IconProps) => JSX.Element;
+    trash: (props: import("./Icons").IconProps) => JSX.Element;
+    warning: (props: import("./Icons").IconProps) => JSX.Element;
+};
+export declare type IconTypes = keyof typeof IconMap;
+export declare type UniversalIconType = IconTypes | IconDefinition;
+export declare type IconFill = "white" | "primary";
+export declare const IconFillColors: {
+    white: string;
+    black: string;
+    primary: string;
+    alert: string;
+};
+export declare type IconSize = "tiny" | "small" | "base" | "medium" | "large" | "xlarge" | "2xl" | "3xl";
+export interface IconProps {
+    size: IconSize;
+    symbol: UniversalIconType;
+    className?: string;
+    fill?: string;
+    ariaHidden?: boolean;
+    dataTestId?: string;
+}
+declare const Icon: (props: IconProps) => JSX.Element;
+export { Icon as default, Icon };

package/dist/src/icons/Icon.js

@@ -0,0 +1,114 @@
+"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.Icon = exports.default = exports.IconFillColors = void 0;
+var React = __importStar(require("react"));
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+require("./Icon.scss");
+var Icons_1 = require("./Icons");
+var IconMap = {
+    application: Icons_1.Application,
+    arrowBack: Icons_1.ArrowBack,
+    arrowForward: Icons_1.ArrowForward,
+    arrowDown: Icons_1.ArrowDown,
+    assistance: Icons_1.Assistance,
+    asterisk: Icons_1.Asterisk,
+    bed: Icons_1.Bed,
+    browse: Icons_1.Browse,
+    building: Icons_1.Building,
+    calendar: Icons_1.Calendar,
+    check: Icons_1.Check,
+    clock: Icons_1.Clock,
+    close: Icons_1.Close,
+    closeRound: Icons_1.CloseRound,
+    closeSmall: Icons_1.CloseSmall,
+    cross: Icons_1.Cross,
+    document: Icons_1.Document,
+    doubleHouse: Icons_1.DoubleHouse,
+    down: Icons_1.Down,
+    download: Icons_1.Download,
+    draggable: Icons_1.Draggable,
+    edit: Icons_1.Edit,
+    eligibility: Icons_1.Eligibility,
+    envelope: Icons_1.Envelope,
+    eye: Icons_1.Eye,
+    favorite: Icons_1.Favorite,
+    file: Icons_1.File,
+    forward: Icons_1.Forward,
+    frontDoor: Icons_1.FrontDoor,
+    globe: Icons_1.Globe,
+    hamburger: Icons_1.Hamburger,
+    house: Icons_1.House,
+    info: Icons_1.Info,
+    left: Icons_1.Left,
+    lightbulb: Icons_1.Lightbulb,
+    like: Icons_1.Like,
+    likeFill: Icons_1.LikeFill,
+    link: Icons_1.Link,
+    list: Icons_1.List,
+    lock: Icons_1.Lock,
+    mail: Icons_1.Mail,
+    mailThin: Icons_1.MailThin,
+    map: Icons_1.Map,
+    mapThin: Icons_1.MapThin,
+    menu: Icons_1.Menu,
+    messages: Icons_1.Messages,
+    oval: Icons_1.Oval,
+    phone: Icons_1.Phone,
+    plus: Icons_1.Plus,
+    polygon: Icons_1.Polygon,
+    profile: Icons_1.Profile,
+    question: Icons_1.Question,
+    result: Icons_1.Result,
+    right: Icons_1.Right,
+    search: Icons_1.Search,
+    settings: Icons_1.Settings,
+    spinner: Icons_1.Spinner,
+    star: Icons_1.Star,
+    ticket: Icons_1.Ticket,
+    trash: Icons_1.Trash,
+    warning: Icons_1.Warning,
+};
+exports.IconFillColors = {
+    white: "#ffffff",
+    black: "#000000",
+    primary: "#0077DA",
+    alert: "#b91c1c",
+};
+var Icon = function (props) {
+    var _a, _b;
+    var wrapperClasses = ["ui-icon"];
+    wrapperClasses.push("ui-".concat(props.size));
+    if (props.className)
+        wrapperClasses.push(props.className);
+    if (props.symbol == "spinner")
+        wrapperClasses.push("spinner-animation");
+    var SpecificIcon = typeof props.symbol === "string" ? (IconMap[props.symbol]) : (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: props.symbol }));
+    return typeof props.symbol === "string" ? (React.createElement("span", { className: wrapperClasses.join(" "), "aria-hidden": props.ariaHidden, "data-test-id": (_a = props.dataTestId) !== null && _a !== void 0 ? _a : null },
+        React.createElement(SpecificIcon, { fill: props.fill ? props.fill : undefined }))) : (React.createElement("span", { className: wrapperClasses.join(" "), "aria-hidden": props.ariaHidden, "data-test-id": (_b = props.dataTestId) !== null && _b !== void 0 ? _b : null, style: { color: props.fill } }, SpecificIcon));
+};
+exports.default = Icon;
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/src/icons/Icon.js.map

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

package/dist/src/icons/Icon.stories.d.ts

@@ -0,0 +1,64 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const IconApplication: () => JSX.Element;
+export declare const IconArrowBack: () => JSX.Element;
+export declare const IconArrowDown: () => JSX.Element;
+export declare const IconAssistance: () => JSX.Element;
+export declare const IconAsterisk: () => JSX.Element;
+export declare const IconBed: () => JSX.Element;
+export declare const IconBrowse: () => JSX.Element;
+export declare const IconBuilding: () => JSX.Element;
+export declare const IconCalendar: () => JSX.Element;
+export declare const IconCheck: () => JSX.Element;
+export declare const IconClock: () => JSX.Element;
+export declare const IconClose: () => JSX.Element;
+export declare const IconCloseRound: () => JSX.Element;
+export declare const IconCloseSmall: () => JSX.Element;
+export declare const IconCross: () => JSX.Element;
+export declare const IconDocument: () => JSX.Element;
+export declare const IconDoubleHouse: () => JSX.Element;
+export declare const IconDown: () => JSX.Element;
+export declare const IconDownload: () => JSX.Element;
+export declare const IconEdit: () => JSX.Element;
+export declare const IconEligibility: () => JSX.Element;
+export declare const IconEnvelope: () => JSX.Element;
+export declare const IconEye: () => JSX.Element;
+export declare const IconFavorite: () => JSX.Element;
+export declare const IconFile: () => JSX.Element;
+export declare const IconForward: () => JSX.Element;
+export declare const IconFrontDoor: () => JSX.Element;
+export declare const IconGlobe: () => JSX.Element;
+export declare const IconHamburger: () => JSX.Element;
+export declare const IconHouse: () => JSX.Element;
+export declare const IconInfo: () => JSX.Element;
+export declare const IconLeft: () => JSX.Element;
+export declare const IconLightBulb: () => JSX.Element;
+export declare const IconLike: () => JSX.Element;
+export declare const IconLikeFill: () => JSX.Element;
+export declare const IconLink: () => JSX.Element;
+export declare const IconList: () => JSX.Element;
+export declare const IconLock: () => JSX.Element;
+export declare const IconMail: () => JSX.Element;
+export declare const IconMailThin: () => JSX.Element;
+export declare const IconMap: () => JSX.Element;
+export declare const IconMapThin: () => JSX.Element;
+export declare const IconMenu: () => JSX.Element;
+export declare const IconMessages: () => JSX.Element;
+export declare const IconOval: () => JSX.Element;
+export declare const IconPhone: () => JSX.Element;
+export declare const IconPlus: () => JSX.Element;
+export declare const IconPolygon: () => JSX.Element;
+export declare const IconProfile: () => JSX.Element;
+export declare const IconQuestion: () => JSX.Element;
+export declare const IconResult: () => JSX.Element;
+export declare const IconRight: () => JSX.Element;
+export declare const IconSearch: () => JSX.Element;
+export declare const IconSettings: () => JSX.Element;
+export declare const IconSpinner: () => JSX.Element;
+export declare const IconStar: () => JSX.Element;
+export declare const IconTicket: () => JSX.Element;
+export declare const IconTrash: () => JSX.Element;
+export declare const IconWarning: () => JSX.Element;