studiokit-scaffolding-js 4.3.21 → 4.3.22

package/lib/components/RefreshIndicator/index.js

@@ -1,116 +1,116 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
-var Sentry = __importStar(require("@sentry/react"));
-var detect_browser_1 = require("detect-browser");
-var react_1 = __importStar(require("react"));
-var logger_1 = require("../../utils/logger");
-var Shortcut = function (_a) {
-    var content = _a.content;
-    return react_1.default.createElement("span", { className: "tag ma0 mb1" }, content);
-};
-var getRefreshShortcut = function () {
-    var _a;
-    var browser = detect_browser_1.detect();
-    if ((browser === null || browser === void 0 ? void 0 : browser.os) === 'Mac OS') {
-        return react_1.default.createElement(Shortcut, { content: "command+R" });
-    }
-    if ((_a = browser === null || browser === void 0 ? void 0 : browser.os) === null || _a === void 0 ? void 0 : _a.includes('Windows')) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Shortcut, { content: "control+R" }),
-            " or ",
-            react_1.default.createElement(Shortcut, { content: "F5" })));
-    }
-};
-var getHardRefreshShortcut = function () {
-    var _a;
-    var browser = detect_browser_1.detect();
-    if ((browser === null || browser === void 0 ? void 0 : browser.os) === 'Mac OS') {
-        if (browser.name === 'safari') {
-            return react_1.default.createElement(Shortcut, { content: "command+option+R" });
-        }
-        return react_1.default.createElement(Shortcut, { content: "command+option+R" });
-    }
-    if ((_a = browser === null || browser === void 0 ? void 0 : browser.os) === null || _a === void 0 ? void 0 : _a.includes('Windows')) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Shortcut, { content: "control+shift+R" }),
-            " or ",
-            react_1.default.createElement(Shortcut, { content: "control+F5" })));
-    }
-};
-var RefreshIndicator = function (_a) {
-    var hideWarning = _a.hideWarning, logAndWarnAfterSeconds = _a.logAndWarnAfterSeconds, warningClassName = _a.warningClassName, warningMessage = _a.warningMessage, label = _a.label, labelClassName = _a.labelClassName, loaderSize = _a.loaderSize, loaderStyle = _a.loaderStyle;
-    var _b = react_1.useState(0), seconds = _b[0], setSeconds = _b[1];
-    var _c = react_1.useState(false), hasLogged = _c[0], setHasLogged = _c[1];
-    var localLogAndWarnAfterSeconds = logAndWarnAfterSeconds !== undefined ? logAndWarnAfterSeconds : 15;
-    // every time seconds changes, set a 1 sec interval for the next second, a.k.a re-render every second
-    react_1.useEffect(function () {
-        var interval = setInterval(function () {
-            setSeconds(function (seconds) { return seconds + 1; });
-        }, 1000);
-        return function () { return clearInterval(interval); };
-    }, [seconds]);
-    var shouldLog = seconds >= localLogAndWarnAfterSeconds;
-    var shouldWarn = shouldLog && !hideWarning;
-    // log an exception one time, if component has been rendered at least `warnAfterSeconds`
-    react_1.useEffect(function () {
-        if (!hasLogged && shouldLog) {
-            var error = new Error("Loading for more than " + localLogAndWarnAfterSeconds + " seconds");
-            var logger = logger_1.getLogger();
-            logger.warn(error);
-            Sentry.captureException(error);
-            setHasLogged(true);
-        }
-    }, [hasLogged, localLogAndWarnAfterSeconds, seconds, shouldLog, shouldWarn]);
-    var refreshShortcut = getRefreshShortcut();
-    var hardRefreshShortcut = getHardRefreshShortcut();
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(CircularProgress_1.default, { size: loaderSize !== null && loaderSize !== void 0 ? loaderSize : 40, style: loaderStyle !== null && loaderStyle !== void 0 ? loaderStyle : {
-                display: 'inherit',
-                position: 'relative',
-                margin: '2rem auto 1rem'
-            } }),
-        label && react_1.default.createElement("p", { className: "tc i f4" + (labelClassName ? " " + labelClassName : '') }, label),
-        shouldWarn && (react_1.default.createElement("div", { "aria-live": "polite" }, warningMessage !== null && warningMessage !== void 0 ? warningMessage : (react_1.default.createElement("div", { className: "tl center mw7 ph5" + (warningClassName ? " " + warningClassName : '') },
-            react_1.default.createElement("h2", null, "Stuck loading?"),
-            react_1.default.createElement("p", { className: "mb3" }, "If the page does not finish loading soon, please try one of the following:"),
-            react_1.default.createElement("ul", { className: "mb3" },
-                react_1.default.createElement("li", { className: !refreshShortcut && !!hardRefreshShortcut ? 'mb2' : '' },
-                    "Refresh the page",
-                    refreshShortcut ? react_1.default.createElement(react_1.default.Fragment, null,
-                        ", ",
-                        refreshShortcut) : ''),
-                hardRefreshShortcut && react_1.default.createElement("li", null,
-                    "\"Hard Refresh\" the page, ",
-                    hardRefreshShortcut),
-                react_1.default.createElement("li", { className: !!refreshShortcut || !!hardRefreshShortcut ? 'mb2' : '' }, "Try a different browser"),
-                react_1.default.createElement("li", null, "Clear your browser cache and then refresh")),
-            react_1.default.createElement("p", { className: "mb3" },
-                "If you are still experiencing loading issues, please contact us at",
-                ' ',
-                react_1.default.createElement("a", { href: "mailto:tlt@purdue.edu" }, "tlt@purdue.edu"),
-                ".")))))));
-};
-exports.default = RefreshIndicator;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
+var Sentry = __importStar(require("@sentry/react"));
+var detect_browser_1 = require("detect-browser");
+var react_1 = __importStar(require("react"));
+var logger_1 = require("../../utils/logger");
+var Shortcut = function (_a) {
+    var content = _a.content;
+    return react_1.default.createElement("span", { className: "tag ma0 mb1" }, content);
+};
+var getRefreshShortcut = function () {
+    var _a;
+    var browser = detect_browser_1.detect();
+    if ((browser === null || browser === void 0 ? void 0 : browser.os) === 'Mac OS') {
+        return react_1.default.createElement(Shortcut, { content: "command+R" });
+    }
+    if ((_a = browser === null || browser === void 0 ? void 0 : browser.os) === null || _a === void 0 ? void 0 : _a.includes('Windows')) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Shortcut, { content: "control+R" }),
+            " or ",
+            react_1.default.createElement(Shortcut, { content: "F5" })));
+    }
+};
+var getHardRefreshShortcut = function () {
+    var _a;
+    var browser = detect_browser_1.detect();
+    if ((browser === null || browser === void 0 ? void 0 : browser.os) === 'Mac OS') {
+        if (browser.name === 'safari') {
+            return react_1.default.createElement(Shortcut, { content: "command+option+R" });
+        }
+        return react_1.default.createElement(Shortcut, { content: "command+option+R" });
+    }
+    if ((_a = browser === null || browser === void 0 ? void 0 : browser.os) === null || _a === void 0 ? void 0 : _a.includes('Windows')) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Shortcut, { content: "control+shift+R" }),
+            " or ",
+            react_1.default.createElement(Shortcut, { content: "control+F5" })));
+    }
+};
+var RefreshIndicator = function (_a) {
+    var hideWarning = _a.hideWarning, logAndWarnAfterSeconds = _a.logAndWarnAfterSeconds, warningClassName = _a.warningClassName, warningMessage = _a.warningMessage, label = _a.label, labelClassName = _a.labelClassName, loaderSize = _a.loaderSize, loaderStyle = _a.loaderStyle;
+    var _b = react_1.useState(0), seconds = _b[0], setSeconds = _b[1];
+    var _c = react_1.useState(false), hasLogged = _c[0], setHasLogged = _c[1];
+    var localLogAndWarnAfterSeconds = logAndWarnAfterSeconds !== undefined ? logAndWarnAfterSeconds : 15;
+    // every time seconds changes, set a 1 sec interval for the next second, a.k.a re-render every second
+    react_1.useEffect(function () {
+        var interval = setInterval(function () {
+            setSeconds(function (seconds) { return seconds + 1; });
+        }, 1000);
+        return function () { return clearInterval(interval); };
+    }, [seconds]);
+    var shouldLog = seconds >= localLogAndWarnAfterSeconds;
+    var shouldWarn = shouldLog && !hideWarning;
+    // log an exception one time, if component has been rendered at least `warnAfterSeconds`
+    react_1.useEffect(function () {
+        if (!hasLogged && shouldLog) {
+            var error = new Error("Loading for more than " + localLogAndWarnAfterSeconds + " seconds");
+            var logger = logger_1.getLogger();
+            logger.warn(error);
+            Sentry.captureException(error);
+            setHasLogged(true);
+        }
+    }, [hasLogged, localLogAndWarnAfterSeconds, seconds, shouldLog, shouldWarn]);
+    var refreshShortcut = getRefreshShortcut();
+    var hardRefreshShortcut = getHardRefreshShortcut();
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(CircularProgress_1.default, { size: loaderSize !== null && loaderSize !== void 0 ? loaderSize : 40, style: loaderStyle !== null && loaderStyle !== void 0 ? loaderStyle : {
+                display: 'inherit',
+                position: 'relative',
+                margin: '2rem auto 1rem'
+            } }),
+        label && react_1.default.createElement("p", { className: "tc i f4" + (labelClassName ? " " + labelClassName : '') }, label),
+        shouldWarn && (react_1.default.createElement("div", { "aria-live": "polite" }, warningMessage !== null && warningMessage !== void 0 ? warningMessage : (react_1.default.createElement("div", { className: "tl center mw7 ph5" + (warningClassName ? " " + warningClassName : '') },
+            react_1.default.createElement("h2", null, "Stuck loading?"),
+            react_1.default.createElement("p", { className: "mb3" }, "If the page does not finish loading soon, please try one of the following:"),
+            react_1.default.createElement("ul", { className: "mb3" },
+                react_1.default.createElement("li", { className: !refreshShortcut && !!hardRefreshShortcut ? 'mb2' : '' },
+                    "Refresh the page",
+                    refreshShortcut ? react_1.default.createElement(react_1.default.Fragment, null,
+                        ", ",
+                        refreshShortcut) : ''),
+                hardRefreshShortcut && react_1.default.createElement("li", null,
+                    "\"Hard Refresh\" the page, ",
+                    hardRefreshShortcut),
+                react_1.default.createElement("li", { className: !!refreshShortcut || !!hardRefreshShortcut ? 'mb2' : '' }, "Try a different browser"),
+                react_1.default.createElement("li", null, "Clear your browser cache and then refresh")),
+            react_1.default.createElement("p", { className: "mb3" },
+                "If you are still experiencing loading issues, please contact us at",
+                ' ',
+                react_1.default.createElement("a", { href: "mailto:tlt@purdue.edu" }, "tlt@purdue.edu"),
+                ".")))))));
+};
+exports.default = RefreshIndicator;

package/lib/components/SearchControls.d.ts

@@ -1,14 +1,14 @@
-import { FunctionComponent } from 'react';
-import { Search } from '../types';
-import { SearchPersistorMethods } from './HOC/SearchPersistorComponent';
-interface SearchControlsMethods extends Pick<SearchPersistorMethods, 'handleSearchClick' | 'handleKeywordsChange' | 'handleKeywordsKeyDown' | 'resetSearch'>, Partial<Pick<SearchPersistorMethods, 'handleQueryAllChange'>> {
-}
-export interface SearchControlsProps extends Search, SearchControlsMethods {
-    keywordPlaceholder: string;
-    queryAllText?: string;
-    handleDateChange?: (dateString: string, date?: Date) => void;
-    canReadAnyGlobally?: boolean;
-    canReadSome?: boolean;
-}
-declare const SearchControls: FunctionComponent<SearchControlsProps>;
-export default SearchControls;
+import { FunctionComponent } from 'react';
+import { Search } from '../types';
+import { SearchPersistorMethods } from './HOC/SearchPersistorComponent';
+interface SearchControlsMethods extends Pick<SearchPersistorMethods, 'handleSearchClick' | 'handleKeywordsChange' | 'handleKeywordsKeyDown' | 'resetSearch'>, Partial<Pick<SearchPersistorMethods, 'handleQueryAllChange'>> {
+}
+export interface SearchControlsProps extends Search, SearchControlsMethods {
+    keywordPlaceholder: string;
+    queryAllText?: string;
+    handleDateChange?: (dateString: string, date?: Date) => void;
+    canReadAnyGlobally?: boolean;
+    canReadSome?: boolean;
+}
+declare const SearchControls: FunctionComponent<SearchControlsProps>;
+export default SearchControls;

package/lib/components/SearchControls.js

@@ -1,34 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Autorenew_1 = __importDefault(require("@material-ui/icons/Autorenew"));
-var Search_1 = __importDefault(require("@material-ui/icons/Search"));
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var AlertWithIcon_1 = __importDefault(require("./AlertWithIcon"));
-var DateField_1 = __importDefault(require("./Forms/DateField"));
-var SearchControls = function (_a) {
-    var keywords = _a.keywords, invalidKeywords = _a.invalidKeywords, dateString = _a.dateString, queryAll = _a.queryAll, requiredMessage = _a.requiredMessage, handleKeywordsChange = _a.handleKeywordsChange, handleKeywordsKeyDown = _a.handleKeywordsKeyDown, handleSearchClick = _a.handleSearchClick, resetSearch = _a.resetSearch, handleQueryAllChange = _a.handleQueryAllChange, keywordPlaceholder = _a.keywordPlaceholder, handleDateChange = _a.handleDateChange, queryAllText = _a.queryAllText, canReadAnyGlobally = _a.canReadAnyGlobally, canReadSome = _a.canReadSome;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        !!requiredMessage && (react_1.default.createElement(AlertWithIcon_1.default, { variant: "danger", className: "mb0", id: "requiredMessageAlert" },
-            react_1.default.createElement("p", null, requiredMessage))),
-        react_1.default.createElement(react_bootstrap_1.FormGroup, { controlId: "keywords", className: "fl-ns mw5-ns mr3-ns mb3 mb0-ns w-100-lt-xs" },
-            react_1.default.createElement(react_bootstrap_1.FormLabel, { className: "f7 b" }, "Keywords"),
-            react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", placeholder: keywordPlaceholder, name: "keywords", onChange: handleKeywordsChange, onKeyDown: handleKeywordsKeyDown, value: keywords, isInvalid: invalidKeywords }),
-            invalidKeywords && (react_1.default.createElement(react_bootstrap_1.FormText, { className: "i f6", id: "invalidKeywords", muted: true }, "Please enter at least 3 characters."))),
-        !!handleDateChange && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("span", { id: "and-or-label", className: "i mw3-ns mr3-ns mt3-ns pv3-ns fl-ns tc w-100-lt-xs date-align" }, "and / or"),
-            react_1.default.createElement(DateField_1.default, { id: "date", onChange: handleDateChange, label: "Date", "aria-label": "Active date", className: "fl-ns mw5-ns mr3-ns mb3 mb0-ns w-100-lt-xs date-align", value: dateString }))),
-        react_1.default.createElement("div", { className: "fl-ns mt3-ns pt3-ns w-100-lt-xs" },
-            canReadAnyGlobally && !!handleQueryAllChange && (react_1.default.createElement(react_bootstrap_1.FormCheck, { name: "queryAll", id: "queryAll", checked: queryAll, disabled: canReadAnyGlobally && !canReadSome, onChange: handleQueryAllChange, className: "fl-ns f6 mr2-ns mb3 mt2 w-100-lt-xs", label: react_1.default.createElement("span", { className: "b black" }, queryAllText || 'Search All') })),
-            react_1.default.createElement(Button_1.default, { color: "primary", className: "btn btn-primary fr-ns ml2-ns mb3 w-100-lt-xs", onClick: handleSearchClick },
-                react_1.default.createElement(Search_1.default, { className: "fill-white v-mid" }),
-                "Search"),
-            react_1.default.createElement(Button_1.default, { className: "btn btn-text color-pink fr-ns mb3 w-100-lt-xs", onClick: resetSearch },
-                react_1.default.createElement(Autorenew_1.default, { className: "fill-pink v-mid" }),
-                "Reset"))));
-};
-exports.default = SearchControls;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Autorenew_1 = __importDefault(require("@material-ui/icons/Autorenew"));
+var Search_1 = __importDefault(require("@material-ui/icons/Search"));
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var AlertWithIcon_1 = __importDefault(require("./AlertWithIcon"));
+var DateField_1 = __importDefault(require("./Forms/DateField"));
+var SearchControls = function (_a) {
+    var keywords = _a.keywords, invalidKeywords = _a.invalidKeywords, dateString = _a.dateString, queryAll = _a.queryAll, requiredMessage = _a.requiredMessage, handleKeywordsChange = _a.handleKeywordsChange, handleKeywordsKeyDown = _a.handleKeywordsKeyDown, handleSearchClick = _a.handleSearchClick, resetSearch = _a.resetSearch, handleQueryAllChange = _a.handleQueryAllChange, keywordPlaceholder = _a.keywordPlaceholder, handleDateChange = _a.handleDateChange, queryAllText = _a.queryAllText, canReadAnyGlobally = _a.canReadAnyGlobally, canReadSome = _a.canReadSome;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !!requiredMessage && (react_1.default.createElement(AlertWithIcon_1.default, { variant: "danger", className: "mb0", id: "requiredMessageAlert" },
+            react_1.default.createElement("p", null, requiredMessage))),
+        react_1.default.createElement(react_bootstrap_1.FormGroup, { controlId: "keywords", className: "fl-ns mw5-ns mr3-ns mb3 mb0-ns w-100-lt-xs" },
+            react_1.default.createElement(react_bootstrap_1.FormLabel, { className: "f7 b" }, "Keywords"),
+            react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", placeholder: keywordPlaceholder, name: "keywords", onChange: handleKeywordsChange, onKeyDown: handleKeywordsKeyDown, value: keywords, isInvalid: invalidKeywords }),
+            invalidKeywords && (react_1.default.createElement(react_bootstrap_1.FormText, { className: "i f6", id: "invalidKeywords", muted: true }, "Please enter at least 3 characters."))),
+        !!handleDateChange && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", { id: "and-or-label", className: "i mw3-ns mr3-ns mt3-ns pv3-ns fl-ns tc w-100-lt-xs date-align" }, "and / or"),
+            react_1.default.createElement(DateField_1.default, { id: "date", onChange: handleDateChange, label: "Date", "aria-label": "Active date", className: "fl-ns mw5-ns mr3-ns mb3 mb0-ns w-100-lt-xs date-align", value: dateString }))),
+        react_1.default.createElement("div", { className: "fl-ns mt3-ns pt3-ns w-100-lt-xs" },
+            canReadAnyGlobally && !!handleQueryAllChange && (react_1.default.createElement(react_bootstrap_1.FormCheck, { name: "queryAll", id: "queryAll", checked: queryAll, disabled: canReadAnyGlobally && !canReadSome, onChange: handleQueryAllChange, className: "fl-ns f6 mr2-ns mb3 mt2 w-100-lt-xs", label: react_1.default.createElement("span", { className: "b black" }, queryAllText || 'Search All') })),
+            react_1.default.createElement(Button_1.default, { color: "primary", className: "btn btn-primary fr-ns ml2-ns mb3 w-100-lt-xs", onClick: handleSearchClick },
+                react_1.default.createElement(Search_1.default, { className: "fill-white v-mid" }),
+                "Search"),
+            react_1.default.createElement(Button_1.default, { className: "btn btn-text color-pink fr-ns mb3 w-100-lt-xs", onClick: resetSearch },
+                react_1.default.createElement(Autorenew_1.default, { className: "fill-pink v-mid" }),
+                "Reset"))));
+};
+exports.default = SearchControls;

package/lib/components/SentryRoute.d.ts

@@ -1,3 +1,3 @@
-import { Route as NormalRoute } from 'react-router';
-declare const Route: typeof NormalRoute;
-export default Route;
+import { Route as NormalRoute } from 'react-router';
+declare const Route: typeof NormalRoute;
+export default Route;

package/lib/components/SentryRoute.js

@@ -1,25 +1,25 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 });
-var Sentry = __importStar(require("@sentry/react"));
-var react_router_1 = require("react-router");
-var Route = Sentry.withSentryRouting(react_router_1.Route);
-exports.default = Route;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+var Sentry = __importStar(require("@sentry/react"));
+var react_router_1 = require("react-router");
+var Route = Sentry.withSentryRouting(react_router_1.Route);
+exports.default = Route;

package/lib/components/Tables/RoleFilter.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { Filter } from 'react-table';
-import { UserRole } from '../../types';
-export declare enum ROLE_FILTER {
-    ALL = "ALL",
-    MANUAL = "MANUAL",
-    EXTERNAL = "EXTERNAL"
-}
-export declare const RoleFilter: (roles: string[], textForRole?: ((role: string) => string) | undefined, hasExternal?: boolean | undefined) => ({ filter, onChange }: {
-    filter: Filter;
-    onChange: any;
-}) => JSX.Element;
-export declare const roleUserRoleFilterMethod: (filter: Filter, userRole: UserRole) => boolean;
-export declare const roleFilterMethod: (filter: Filter, row: any) => boolean;
+/// <reference types="react" />
+import { Filter } from 'react-table';
+import { UserRole } from '../../types';
+export declare enum ROLE_FILTER {
+    ALL = "ALL",
+    MANUAL = "MANUAL",
+    EXTERNAL = "EXTERNAL"
+}
+export declare const RoleFilter: (roles: string[], textForRole?: ((role: string) => string) | undefined, hasExternal?: boolean | undefined) => ({ filter, onChange }: {
+    filter: Filter;
+    onChange: any;
+}) => JSX.Element;
+export declare const roleUserRoleFilterMethod: (filter: Filter, userRole: UserRole) => boolean;
+export declare const roleFilterMethod: (filter: Filter, row: any) => boolean;

package/lib/components/Tables/RoleFilter.js

@@ -1,53 +1,53 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.roleFilterMethod = exports.roleUserRoleFilterMethod = exports.RoleFilter = exports.ROLE_FILTER = void 0;
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var baseRole_1 = require("../../utils/baseRole");
-var userRole_1 = require("../../utils/userRole");
-var ROLE_FILTER;
-(function (ROLE_FILTER) {
-    ROLE_FILTER["ALL"] = "ALL";
-    ROLE_FILTER["MANUAL"] = "MANUAL";
-    ROLE_FILTER["EXTERNAL"] = "EXTERNAL";
-})(ROLE_FILTER = exports.ROLE_FILTER || (exports.ROLE_FILTER = {}));
-var RoleFilter = function (roles, textForRole, hasExternal) { return function (_a) {
-    var filter = _a.filter, onChange = _a.onChange;
-    // we have nothing to filter if there is only one role and no external userRoles
-    if (roles.length === 1 && !hasExternal) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
-    return (react_1.default.createElement(react_bootstrap_1.FormControl, { className: "w-100", "aria-label": "Filter column", as: "select", onChange: function (event) {
-            onChange(event.target.value);
-        }, value: filter ? filter.value : ROLE_FILTER.ALL },
-        react_1.default.createElement("option", { value: ROLE_FILTER.ALL }, "Show All"),
-        roles.length > 1 && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("option", { disabled: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"),
-            roles.map(function (role) { return (react_1.default.createElement("option", { key: role, value: role }, textForRole ? textForRole(role) : baseRole_1.textForBaseRole(role))); }))),
-        hasExternal && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("option", { disabled: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"),
-            react_1.default.createElement("option", { value: ROLE_FILTER.MANUAL }, "Manually Added"),
-            react_1.default.createElement("option", { value: ROLE_FILTER.EXTERNAL }, "Roster Synced")))));
-}; };
-exports.RoleFilter = RoleFilter;
-var roleUserRoleFilterMethod = function (filter, userRole) {
-    switch (filter.value) {
-        case ROLE_FILTER.ALL:
-            return true;
-        case ROLE_FILTER.MANUAL:
-            return !userRole_1.isExternal(userRole);
-        case ROLE_FILTER.EXTERNAL:
-            return userRole_1.isExternal(userRole);
-        default:
-            return userRole.role === filter.value;
-    }
-};
-exports.roleUserRoleFilterMethod = roleUserRoleFilterMethod;
-var roleFilterMethod = function (filter, row) {
-    var user = row.role;
-    return user.roles.some(function (r) { return exports.roleUserRoleFilterMethod(filter, r); });
-};
-exports.roleFilterMethod = roleFilterMethod;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.roleFilterMethod = exports.roleUserRoleFilterMethod = exports.RoleFilter = exports.ROLE_FILTER = void 0;
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var baseRole_1 = require("../../utils/baseRole");
+var userRole_1 = require("../../utils/userRole");
+var ROLE_FILTER;
+(function (ROLE_FILTER) {
+    ROLE_FILTER["ALL"] = "ALL";
+    ROLE_FILTER["MANUAL"] = "MANUAL";
+    ROLE_FILTER["EXTERNAL"] = "EXTERNAL";
+})(ROLE_FILTER = exports.ROLE_FILTER || (exports.ROLE_FILTER = {}));
+var RoleFilter = function (roles, textForRole, hasExternal) { return function (_a) {
+    var filter = _a.filter, onChange = _a.onChange;
+    // we have nothing to filter if there is only one role and no external userRoles
+    if (roles.length === 1 && !hasExternal) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    return (react_1.default.createElement(react_bootstrap_1.FormControl, { className: "w-100", "aria-label": "Filter column", as: "select", onChange: function (event) {
+            onChange(event.target.value);
+        }, value: filter ? filter.value : ROLE_FILTER.ALL },
+        react_1.default.createElement("option", { value: ROLE_FILTER.ALL }, "Show All"),
+        roles.length > 1 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("option", { disabled: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"),
+            roles.map(function (role) { return (react_1.default.createElement("option", { key: role, value: role }, textForRole ? textForRole(role) : baseRole_1.textForBaseRole(role))); }))),
+        hasExternal && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("option", { disabled: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"),
+            react_1.default.createElement("option", { value: ROLE_FILTER.MANUAL }, "Manually Added"),
+            react_1.default.createElement("option", { value: ROLE_FILTER.EXTERNAL }, "Roster Synced")))));
+}; };
+exports.RoleFilter = RoleFilter;
+var roleUserRoleFilterMethod = function (filter, userRole) {
+    switch (filter.value) {
+        case ROLE_FILTER.ALL:
+            return true;
+        case ROLE_FILTER.MANUAL:
+            return !userRole_1.isExternal(userRole);
+        case ROLE_FILTER.EXTERNAL:
+            return userRole_1.isExternal(userRole);
+        default:
+            return userRole.role === filter.value;
+    }
+};
+exports.roleUserRoleFilterMethod = roleUserRoleFilterMethod;
+var roleFilterMethod = function (filter, row) {
+    var user = row.role;
+    return user.roles.some(function (r) { return exports.roleUserRoleFilterMethod(filter, r); });
+};
+exports.roleFilterMethod = roleFilterMethod;

package/lib/components/Tables/TextFilter.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { Filter } from 'react-table';
-export declare const TextFilter: ({ filter, onChange }: {
-    filter: Filter;
-    onChange: any;
-}) => JSX.Element;
-export declare const textFilterMethod: (filter: Filter, row: any) => any;
+/// <reference types="react" />
+import { Filter } from 'react-table';
+export declare const TextFilter: ({ filter, onChange }: {
+    filter: Filter;
+    onChange: any;
+}) => JSX.Element;
+export declare const textFilterMethod: (filter: Filter, row: any) => any;

package/lib/components/Tables/TextFilter.js

@@ -1,26 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textFilterMethod = exports.TextFilter = void 0;
-var Search_1 = __importDefault(require("@material-ui/icons/Search"));
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var TextFilter = function (_a) {
-    var filter = _a.filter, onChange = _a.onChange;
-    return (react_1.default.createElement(react_bootstrap_1.FormGroup, { className: "flex table-search-container mb0" },
-        react_1.default.createElement(Search_1.default, { className: "ma1 icon-size-1 v-mid fill-black" }),
-        react_1.default.createElement(react_bootstrap_1.FormControl, { className: "table-search-input", type: "search", "aria-label": "search", placeholder: "search", onChange: function (event) {
-                onChange(event.target.value);
-            }, value: filter ? filter.value : '' })));
-};
-exports.TextFilter = TextFilter;
-var textFilterMethod = function (filter, row) {
-    var text = row[filter.id];
-    if (!text && filter.value) {
-        return false;
-    }
-    return text.toLowerCase().includes(filter.value.toLowerCase());
-};
-exports.textFilterMethod = textFilterMethod;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textFilterMethod = exports.TextFilter = void 0;
+var Search_1 = __importDefault(require("@material-ui/icons/Search"));
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var TextFilter = function (_a) {
+    var filter = _a.filter, onChange = _a.onChange;
+    return (react_1.default.createElement(react_bootstrap_1.FormGroup, { className: "flex table-search-container mb0" },
+        react_1.default.createElement(Search_1.default, { className: "ma1 icon-size-1 v-mid fill-black" }),
+        react_1.default.createElement(react_bootstrap_1.FormControl, { className: "table-search-input", type: "search", "aria-label": "search", placeholder: "search", onChange: function (event) {
+                onChange(event.target.value);
+            }, value: filter ? filter.value : '' })));
+};
+exports.TextFilter = TextFilter;
+var textFilterMethod = function (filter, row) {
+    var text = row[filter.id];
+    if (!text && filter.value) {
+        return false;
+    }
+    return text.toLowerCase().includes(filter.value.toLowerCase());
+};
+exports.textFilterMethod = textFilterMethod;