@oc-digital/react-component-library 7.2.1 → 7.2.2-beta.2

package/build/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IAlertProps } from "./Alert.types";
-declare const Alert: React.FC<IAlertProps>;
-export default Alert;
+import React from "react";
+import { IAlertProps } from "./Alert.types";
+declare const Alert: React.FC<IAlertProps>;
+export default Alert;

package/build/Alert/Alert.js

@@ -0,0 +1,48 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Collapse, Button } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import { Alert as MUIAlert } from "@mui/material";
+import { useSpacingStyles } from "../styles";
+import { BORDER_RADIUS, FORM_ERROR, FORM_SUCCESS, FORM_WARNING } from "../globals";
+var useAlertStyles = makeStyles(function (theme) { return ({
+    alertStyling: {
+        borderRadius: BORDER_RADIUS,
+    },
+    closeButton: {
+        color: theme.palette.text.secondary,
+        marginRight: theme.spacing(2),
+    },
+    showCursor: {
+        cursor: "pointer",
+    },
+    horizontalAutoMargin: {
+        marginLeft: "auto",
+        marginRight: "auto",
+    },
+}); });
+var Alert = forwardRef(function (_a, ref) {
+    var alertActionHandler = _a.alertActionHandler, formStatus = _a.formStatus, actionButton = _a.actionButton, alertMessage = _a.alertMessage, _b = _a.addBreak, addBreak = _b === void 0 ? true : _b, styling = _a.styling;
+    var classes = __assign(__assign({}, useSpacingStyles()), useAlertStyles());
+    return (_jsx(Collapse, { in: [FORM_SUCCESS, FORM_ERROR, FORM_WARNING].includes(formStatus), ref: ref, className: classes.horizontalAutoMargin, children: _jsx(MUIAlert, { onClick: alertActionHandler, className: "".concat(classes.alertStyling, " ").concat(addBreak ? classes.sectionBreak : "", " ").concat(styling || "", " ").concat(alertActionHandler ? classes.showCursor : ""), severity: formStatus === FORM_ERROR
+                ? FORM_ERROR
+                : formStatus === FORM_SUCCESS
+                    ? FORM_SUCCESS
+                    : FORM_WARNING, action: actionButton ? (_jsx(Button, { className: classes.closeButton, "aria-label": "close", color: "inherit", size: "small", onClick: function (event) {
+                    event.stopPropagation();
+                    actionButton.handler();
+                }, children: actionButton.text })) : null, children: alertMessage }) }));
+});
+export default Alert;
+//# sourceMappingURL=Alert.js.map

package/build/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAGnF,IAAM,cAAc,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IAC5C,YAAY,EAAE;QACZ,YAAY,EAAE,aAAa;KAC5B;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,UAAU,EAAE;QACV,MAAM,EAAE,SAAS;KAClB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,EAf2C,CAe3C,CAAC,CAAC;AAEJ,IAAM,KAAK,GAA0B,UAAU,CAC7C,UACE,EAOC,EACD,GAAG;QAPD,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,OAAO,aAAA;IAIT,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,cAAc,EAAE,CAAE,CAAC;IAC/D,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EACjE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,oBAAoB,YAEvC,KAAC,QAAQ,IACP,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,cACxE,OAAO,IAAI,EAAE,cACX,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAClD,QAAQ,EACN,UAAU,KAAK,UAAU;gBACvB,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,UAAU,KAAK,YAAY;oBAC7B,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,YAAY,EAElB,MAAM,EACJ,YAAY,CAAC,CAAC,CAAC,CACb,KAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAC,KAAK;oBACb,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC,YAEA,YAAY,CAAC,IAAI,GACX,CACV,CAAC,CAAC,CAAC,IAAI,YAGT,YAAY,GACJ,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/Alert/Alert.types.d.ts

@@ -1,13 +1,13 @@
-import { ReactChild } from "react";
-import { FormStatuses } from "../globals";
-export interface IAlertProps {
-    alertActionHandler?: () => void;
-    formStatus: FormStatuses;
-    actionButton?: {
-        handler: () => void;
-        text: string;
-    };
-    alertMessage: ReactChild;
-    addBreak?: boolean;
-    styling?: string;
-}
+import { ReactChild } from "react";
+import { FormStatuses } from "../globals";
+export interface IAlertProps {
+    alertActionHandler?: () => void;
+    formStatus: FormStatuses;
+    actionButton?: {
+        handler: () => void;
+        text: string;
+    };
+    alertMessage: ReactChild;
+    addBreak?: boolean;
+    styling?: string;
+}

package/build/Alert/Alert.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Alert.types.js.map

package/build/Alert/Alert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../src/Alert/Alert.types.ts"],"names":[],"mappings":""}

package/build/AlphabeticalList/AlphabeticalList.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IAlphabeticalListProps } from "./AlphabeticalList.types";
-declare const AlphabeticalList: React.FC<IAlphabeticalListProps>;
-export default AlphabeticalList;
+import React from "react";
+import { IAlphabeticalListProps } from "./AlphabeticalList.types";
+declare const AlphabeticalList: React.FC<IAlphabeticalListProps>;
+export default AlphabeticalList;

package/build/AlphabeticalList/AlphabeticalList.js

@@ -0,0 +1,91 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Divider, List, ListItem, Typography } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import React from "react";
+import { Link as RouterLink } from "react-router-dom";
+import { BORDER_RADIUS } from "../globals";
+import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
+import { useLayoutStyles, useSpacingStyles } from "../styles";
+import { OptionalTooltip } from "../Tooltip";
+var useAlphabeticalListStyles = makeStyles(function (theme) { return ({
+    divider: {
+        background: theme.palette.primary.main,
+        height: "0.2rem",
+    },
+    letterHeader: {
+        cursor: "default",
+        color: theme.palette.primary.main,
+        marginTop: "1rem",
+    },
+    listItem: {
+        borderRadius: BORDER_RADIUS,
+        border: "1px solid ".concat(theme.palette.grey[300]),
+        marginBottom: "0.5rem",
+        paddingLeft: "24px",
+        boxShadow: theme.shadows[1],
+    },
+    disabledListItem: {
+        "& > p": {
+            color: "#b4b4b4",
+        },
+        background: "white !important",
+        pointerEvents: "none",
+    },
+    topMargin: {
+        marginTop: theme.spacing(2),
+        display: "block",
+    },
+}); });
+var AlphabeticalList = function (_a) {
+    var array = _a.array, sortFn = _a.sortFn, _b = _a.sortKey, sortKey = _b === void 0 ? "name" : _b, buttonClick = _a.buttonClick, linkTo = _a.linkTo, ItemTemplate = _a.ItemTemplate, _c = _a.arrayKey, arrayKey = _c === void 0 ? "id" : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.loadingMessage, loadingMessage = _e === void 0 ? "Loading list..." : _e, _f = _a.emptyMessage, emptyMessage = _f === void 0 ? "List is empty" : _f, _g = _a.alphabetisedHeader, alphabetisedHeader = _g === void 0 ? true : _g, isItemDisabled = _a.isItemDisabled;
+    var classes = __assign(__assign(__assign({}, useAlphabeticalListStyles()), useSpacingStyles()), useLayoutStyles());
+    if (array === undefined || loading) {
+        return _jsx(LoadingSpinner, { styling: classes.topMargin, text: loadingMessage });
+    }
+    if (!(array === null || array === void 0 ? void 0 : array.length)) {
+        return (_jsx(Typography, { className: classes.topMargin, align: "center", variant: "body2", color: "textSecondary", children: emptyMessage }));
+    }
+    var result = sortFn ? __spreadArray([], array, true).sort(sortFn) : array;
+    var lastSection = "";
+    return (_jsx(List, { className: classes.limitWidth50rem, children: result.map(function (item, index) {
+            var _a, _b;
+            var showHeader = false;
+            if (alphabetisedHeader) {
+                var currentKey = (((_a = item[sortKey]) === null || _a === void 0 ? void 0 : _a[0]) || "???").toLowerCase();
+                if (currentKey !== lastSection) {
+                    lastSection = currentKey;
+                    showHeader = true;
+                }
+            }
+            var disabledResult = __assign({ reason: "" }, ((_b = isItemDisabled === null || isItemDisabled === void 0 ? void 0 : isItemDisabled(item)) !== null && _b !== void 0 ? _b : {}));
+            return (_jsxs(React.Fragment, { children: [alphabetisedHeader && showHeader ? (_jsxs(_Fragment, { children: [_jsx(Typography, { className: "".concat(classes.letterHeader), align: "left", children: lastSection.toUpperCase() }), _jsx(Divider, { className: "".concat(classes.contentBreak, " ").concat(classes.divider) })] })) : null, _jsx(OptionalTooltip, { showTooltip: disabledResult.disabled, tooltipText: disabledResult.reason, children: _jsx(ListItem, __assign({ className: disabledResult.disabled
+                                ? "".concat(classes.listItem, " ").concat(classes.disabledListItem)
+                                : classes.listItem, alignItems: "flex-start", button: (buttonClick || linkTo ? true : undefined), onClick: buttonClick && !disabledResult.disabled
+                                ? function () { return buttonClick(item); }
+                                : undefined }, (linkTo && !buttonClick && !disabledResult.disabled
+                            ? { component: RouterLink, to: linkTo(item) }
+                            : {}), { children: _jsx(ItemTemplate, { item: item }) })) })] }, item[arrayKey] || "alphabetical-list-".concat(index)));
+        }) }));
+};
+export default AlphabeticalList;
+//# sourceMappingURL=AlphabeticalList.js.map

package/build/AlphabeticalList/AlphabeticalList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphabeticalList.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,IAAM,yBAAyB,GAAG,UAAU,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;IACvD,OAAO,EAAE;QACP,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACtC,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,SAAS,EAAE,MAAM;KAClB;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,aAAa;QAC3B,MAAM,EAAE,oBAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE;QAC9C,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE;YACP,KAAK,EAAE,SAAS;SACjB;QACD,UAAU,EAAE,kBAAkB;QAC9B,aAAa,EAAE,MAAM;KACtB;IACD,SAAS,EAAE;QACT,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,EA5BsD,CA4BtD,CAAC,CAAC;AAEJ,IAAM,gBAAgB,GAAqC,UAAC,EAa3D;QAZC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,sBAAkC,EAAlC,cAAc,mBAAG,iBAAiB,KAAA,EAClC,oBAA8B,EAA9B,YAAY,mBAAG,eAAe,KAAA,EAC9B,0BAAyB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,cAAc,oBAAA;IAEd,IAAM,OAAO,kCACR,yBAAyB,EAAE,GAC3B,gBAAgB,EAAE,GAClB,eAAe,EAAE,CACrB,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,EAAE,CAAC;QACnC,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,cAAc,GAAI,CAAC;IAC9E,CAAC;IAED,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,eAAe,YAEpB,YAAY,GACF,CACd,CAAC;IACJ,CAAC;IAED,IAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAI,KAAK,QAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,IAAI,WAAW,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,eAAe,YACrC,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;YACtB,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,IAAI,kBAAkB,EAAE,CAAC;gBACvB,IAAM,UAAU,GAAG,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,0CAAG,CAAC,CAAC,KAAI,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;gBAE/D,IAAI,UAAU,KAAK,WAAW,EAAE,CAAC;oBAC/B,WAAW,GAAG,UAAU,CAAC;oBACzB,UAAU,GAAG,IAAI,CAAC;gBACpB,CAAC;YACH,CAAC;YAED,IAAM,cAAc,GAAG,WACrB,MAAM,EAAE,EAAE,IACP,CAAC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,mCAAI,EAAE,CAAC,CACO,CAAC;YAE3C,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACZ,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,CAClC,8BACE,KAAC,UAAU,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,CAAE,EAAE,KAAK,EAAC,MAAM,YAC3D,WAAW,CAAC,WAAW,EAAE,GACf,EACb,KAAC,OAAO,IAAC,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,OAAO,CAAC,OAAO,CAAE,GAAI,IACnE,CACJ,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,eAAe,IACd,WAAW,EAAE,cAAc,CAAC,QAAQ,EACpC,WAAW,EAAE,cAAc,CAAC,MAAM,YAElC,KAAC,QAAQ,aACP,SAAS,EACP,cAAc,CAAC,QAAQ;gCACrB,CAAC,CAAC,UAAG,OAAO,CAAC,QAAQ,cAAI,OAAO,CAAC,gBAAgB,CAAE;gCACnD,CAAC,CAAC,OAAO,CAAC,QAAQ,EAEtB,UAAU,EAAC,YAAY,EACvB,MAAM,EAAE,CAAC,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAqB,EACtE,OAAO,EACL,WAAW,IAAI,CAAC,cAAc,CAAC,QAAQ;gCACrC,CAAC,CAAC,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB;gCACzB,CAAC,CAAC,SAAS,IAEX,CAAC,MAAM,IAAI,CAAC,WAAW,IAAI,CAAC,cAAc,CAAC,QAAQ;4BACrD,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;4BAC7C,CAAC,CAAC,EAAE,CAAC,cAEP,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACnB,GACK,KAjCC,IAAI,CAAC,QAAQ,CAAC,IAAI,4BAAqB,KAAK,CAAE,CAkClD,CAClB,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/AlphabeticalList/AlphabeticalList.types.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export interface IAlphabeticalListProps {
-    array: any[] | undefined | null;
-    sortFn?: (arg1: any, arg2: any) => number;
-    sortKey?: string;
-    loading?: boolean;
-    buttonClick?: (item?: any) => void;
-    linkTo?: (item?: any) => string;
-    ItemTemplate: React.FC<{
-        item: any;
-    }>;
-    arrayKey?: string;
-    loadingMessage?: string;
-    emptyMessage?: string | JSX.Element;
-    alphabetisedHeader?: boolean;
-    isItemDisabled?: (item: any) => {
-        disabled: true;
-        reason: string;
-    } | {
-        disabled: false;
-    };
-}
+/// <reference types="react" />
+export interface IAlphabeticalListProps {
+    array: any[] | undefined | null;
+    sortFn?: (arg1: any, arg2: any) => number;
+    sortKey?: string;
+    loading?: boolean;
+    buttonClick?: (item?: any) => void;
+    linkTo?: (item?: any) => string;
+    ItemTemplate: React.FC<{
+        item: any;
+    }>;
+    arrayKey?: string;
+    loadingMessage?: string;
+    emptyMessage?: string | JSX.Element;
+    alphabetisedHeader?: boolean;
+    isItemDisabled?: (item: any) => {
+        disabled: true;
+        reason: string;
+    } | {
+        disabled: false;
+    };
+}

package/build/AlphabeticalList/AlphabeticalList.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AlphabeticalList.types.js.map

package/build/AlphabeticalList/AlphabeticalList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphabeticalList.types.js","sourceRoot":"","sources":["../../src/AlphabeticalList/AlphabeticalList.types.ts"],"names":[],"mappings":""}

package/build/AutoSave/Select/AutoSave.types.d.ts

@@ -1,11 +1,11 @@
-export interface AutoSaveSelectFieldProps {
-    autoSave: (newValue: string) => Promise<void>;
-    selectOptions: {
-        value: string;
-        description: string;
-    }[];
-    value: string;
-    className: string;
-    label: string;
-    disabled: boolean;
-}
+export interface AutoSaveSelectFieldProps {
+    autoSave: (newValue: string) => Promise<void>;
+    selectOptions: {
+        value: string;
+        description: string;
+    }[];
+    value: string;
+    className: string;
+    label: string;
+    disabled: boolean;
+}

package/build/AutoSave/Select/AutoSave.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AutoSave.types.js.map

package/build/AutoSave/Select/AutoSave.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSave.types.js","sourceRoot":"","sources":["../../../src/AutoSave/Select/AutoSave.types.ts"],"names":[],"mappings":""}

package/build/AutoSave/Select/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import type { AutoSaveSelectFieldProps } from "./AutoSave.types";
-export declare const AutoSaveSelectField: React.FC<AutoSaveSelectFieldProps>;
+import React from "react";
+import type { AutoSaveSelectFieldProps } from "./AutoSave.types";
+export declare const AutoSaveSelectField: React.FC<AutoSaveSelectFieldProps>;

package/build/AutoSave/Select/index.js

@@ -0,0 +1,31 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Select from "../../Select/Select";
+export var AutoSaveSelectField = function (_a) {
+    var autoSave = _a.autoSave, selectOptions = _a.selectOptions, props = __rest(_a, ["autoSave", "selectOptions"]);
+    return (_jsx(Select, __assign({ selectOptions: selectOptions }, props, { onChange: function (newValue) {
+            autoSave && autoSave(newValue.target.value);
+        } })));
+};
+//# sourceMappingURL=index.js.map

package/build/AutoSave/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/AutoSave/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAGzC,MAAM,CAAC,IAAM,mBAAmB,GAAuC,UAAC,EAIvE;IAHC,IAAA,QAAQ,cAAA,EACR,aAAa,mBAAA,EACV,KAAK,cAH8D,6BAIvE,CADS;IAER,OAAO,CACL,KAAC,MAAM,aACL,aAAa,EAAE,aAAa,IACxB,KAAK,IACT,QAAQ,EAAE,UAAC,QAAQ;YACjB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/build/AutoSave/Text/AutoSave.types.d.ts

@@ -1,16 +1,16 @@
-import { FocusEvent } from "react";
-import { AccessLevels } from "../../globals";
-export interface AutoSaveTextFieldProps {
-    autoSave: (value: string) => void;
-    value: string;
-    className: string;
-    label: string;
-    onBlur?: {
-        (e: FocusEvent<any, Element>): void;
-        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
-    };
-    disabled: boolean;
-    accessLevel: AccessLevels | undefined;
-    error: boolean;
-    helperText: string | false | undefined;
-}
+import { FocusEvent } from "react";
+import { AccessLevels } from "../../globals";
+export interface AutoSaveTextFieldProps {
+    autoSave: (value: string) => void;
+    value: string;
+    className: string;
+    label: string;
+    onBlur?: {
+        (e: FocusEvent<any, Element>): void;
+        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
+    };
+    disabled: boolean;
+    accessLevel: AccessLevels | undefined;
+    error: boolean;
+    helperText: string | false | undefined;
+}

package/build/AutoSave/Text/AutoSave.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AutoSave.types.js.map

package/build/AutoSave/Text/AutoSave.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSave.types.js","sourceRoot":"","sources":["../../../src/AutoSave/Text/AutoSave.types.ts"],"names":[],"mappings":""}

package/build/AutoSave/Text/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { AutoSaveTextFieldProps } from "./AutoSave.types";
-export declare const AutoSaveTextField: React.FC<AutoSaveTextFieldProps>;
+import React from "react";
+import { AutoSaveTextFieldProps } from "./AutoSave.types";
+export declare const AutoSaveTextField: React.FC<AutoSaveTextFieldProps>;

package/build/AutoSave/Text/index.js

@@ -0,0 +1,140 @@
+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 __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 (g && (g = 0, op[0] && (_ = 0)), _) 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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { CheckCircleOutline, ErrorOutline } from "@mui/icons-material";
+import { FORM_ENABLED, FORM_ERROR, FORM_LOADING, FORM_SUCCESS, } from "../../globals";
+import LoadingSpinner from "../../LoadingSpinner/LoadingSpinner";
+import { useInterval } from "../../hooks";
+import TextField from "../../TextField/TextField";
+import { Tooltip } from "@mui/material";
+export var AutoSaveTextField = function (_a) {
+    var autoSave = _a.autoSave, _onBlur = _a.onBlur, props = __rest(_a, ["autoSave", "onBlur"]);
+    var _b = useState(false), wrapFocus = _b[0], setWrapFocus = _b[1];
+    var _c = useState(FORM_ENABLED), formStatus = _c[0], setFormStatus = _c[1];
+    var _d = useState(false), timerRunning = _d[0], setTimerRunning = _d[1];
+    useInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setFormStatus(FORM_LOADING);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    _a = !props.error;
+                    if (!_a) return [3 /*break*/, 3];
+                    return [4 /*yield*/, autoSave(props.value)];
+                case 2:
+                    _a = (_b.sent());
+                    _b.label = 3;
+                case 3:
+                    _a;
+                    setFormStatus(FORM_SUCCESS);
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _b.sent();
+                    setFormStatus(FORM_ERROR);
+                    return [3 /*break*/, 5];
+                case 5:
+                    setWrapFocus(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, wrapFocus && timerRunning ? 10000 : null);
+    return (_jsx(_Fragment, { children: _jsx(TextField, __assign({ InputProps: {
+                endAdornment: wrapFocus &&
+                    (formStatus === FORM_LOADING ? (_jsx(LoadingSpinner, { text: "" })) : formStatus === FORM_SUCCESS ? (_jsx(Tooltip, { title: "Successfully saved updates", children: _jsx(CheckCircleOutline, { color: "primary" }) })) : formStatus === FORM_ERROR ? (_jsx(Tooltip, { title: "Failed to save updates", children: _jsx(ErrorOutline, { color: "primary" }) })) : null),
+            }, onFocus: function () {
+                setWrapFocus(true);
+            }, onChange: function () {
+                // Setting it to false and then true causes the timer running to reset on every editor changes
+                setTimerRunning(false);
+                setTimerRunning(true);
+            }, onBlur: function () { return __awaiter(void 0, void 0, void 0, function () {
+                var _a, error_2;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            setTimerRunning(false);
+                            setWrapFocus(false);
+                            setFormStatus(FORM_LOADING);
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 4, , 5]);
+                            _a = !props.error && autoSave;
+                            if (!_a) return [3 /*break*/, 3];
+                            return [4 /*yield*/, autoSave(props.value)];
+                        case 2:
+                            _a = (_b.sent());
+                            _b.label = 3;
+                        case 3:
+                            _a;
+                            setFormStatus(FORM_SUCCESS);
+                            return [3 /*break*/, 5];
+                        case 4:
+                            error_2 = _b.sent();
+                            setFormStatus(FORM_ERROR);
+                            return [3 /*break*/, 5];
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            }); } }, props)) }));
+};
+//# sourceMappingURL=index.js.map

package/build/AutoSave/Text/index.js.map

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

package/build/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IBreadcrumbsProps } from "./Breadcrumbs.types";
-declare const Breadcrumbs: React.FC<IBreadcrumbsProps>;
-export default Breadcrumbs;
+import React from "react";
+import { IBreadcrumbsProps } from "./Breadcrumbs.types";
+declare const Breadcrumbs: React.FC<IBreadcrumbsProps>;
+export default Breadcrumbs;