dce-reactkit 4.0.0-beta-date-and-time.1 → 4.0.0-beta.2

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useReducer, forwardRef, useContext, useLayoutEffect, createContext, useMemo, useCallback, Component, Fragment } from 'react';
-import { faExclamationTriangle, faCircle, faHourglassEnd, faDotCircle, faCheckSquare, faHourglass, faClipboard, faChevronDown, faChevronRight, faCloudDownloadAlt, faMinus, faCheckCircle, faXmarkCircle, faSort, faSortDown, faSortUp, faCalendar, faTag, faHammer, faList, faTimes, faSave, faTrash, faCog, faPlus } from '@fortawesome/free-solid-svg-icons';
+import { faExclamationTriangle, faHourglassEnd, faCircle, faDotCircle, faCheckSquare, faHourglass, faClipboard, faChevronDown, faChevronRight, faCloudDownloadAlt, faMinus, faCheckCircle, faXmarkCircle, faSort, faSortDown, faSortUp, faCalendar, faTag, faHammer, faList, faTimes, faSave, faTrash, faCog, faPlus } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCircle as faCircle$1, faSquareMinus, faSquare } from '@fortawesome/free-regular-svg-icons';
 
@@ -29,7 +29,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
-// Highest error code = DRK36
+// Highest error code = DRK34
 /**
  * List of error codes built into the react kit
  * @author Gabe Abrams
@@ -40,8 +40,6 @@ var ReactKitErrorCode;
     ReactKitErrorCode["NoCode"] = "DRK2";
     ReactKitErrorCode["SessionExpired"] = "DRK3";
     ReactKitErrorCode["NoCACCLSendRequestFunction"] = "DRK7";
-    ReactKitErrorCode["SimpleDateChooserInvalidDateRange"] = "DRK35";
-    ReactKitErrorCode["SimpleDateChooserInvalidNumMonths"] = "DRK36";
 })(ReactKitErrorCode || (ReactKitErrorCode = {}));
 var ReactKitErrorCode$1 = ReactKitErrorCode;
 
@@ -873,98 +871,6 @@ function requireReactDom_development () {
 
 var ReactDOM = /*@__PURE__*/getDefaultExportFromCjs(reactDom.exports);
 
-/**
- * Loading spinner/indicator
- * @author Gabe Abrams
- */
-/*------------------------------------------------------------------------*/
-/* -------------------------------- Style ------------------------------- */
-/*------------------------------------------------------------------------*/
-const style$a = `
-/* Container fades in */
-.LoadingSpinner-container {
-  animation-name: LoadingSpinner-container-fade-in;
-  animation-duration: 0.3s;
-  animation-delay: 0.4s;
-  animation-fill-mode: both;
-  animation-timing-function: ease-out;
-}
-@keyframes LoadingSpinner-container-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-/* Blips */
-.LoadingSpinner-blip-1,
-.LoadingSpinner-blip-2,
-.LoadingSpinner-blip-3,
-.LoadingSpinner-blip-4 {
-  font-size: 1.8rem;
-  opacity: 0.6;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-/* First Blip */
-.LoadingSpinner-blip-1 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-}
-
-/* Second Blip */
-.LoadingSpinner-blip-2 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  -webkit-animation-delay: 0.1s;
-  animation-delay: 0.1s;
-}
-
-/* Third Blip */
-.LoadingSpinner-blip-3 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  animation-delay: 0.2s;
-}
-
-/* Fourth Blip */
-.LoadingSpinner-blip-4 {
-  animation: LoadingSpinner-pop-animation 2s infinite;
-  animation-delay: 0.3s;
-}
-
-/* Pop Animation for Each Blip */
-@keyframes LoadingSpinner-pop-animation {
-  0%  {
-    transform: scale(1.0);
-  }
-  10% {
-    transform: scale(1.5);
-  }
-  30% {
-    transform: scale(1.0);
-  }
-  100% {
-    transform: scale(1.0);
-  }
-}
-`;
-/*------------------------------------------------------------------------*/
-/* ------------------------------ Component ----------------------------- */
-/*------------------------------------------------------------------------*/
-const LoadingSpinner = () => {
-    /*------------------------------------------------------------------------*/
-    /* ------------------------------- Render ------------------------------- */
-    /*------------------------------------------------------------------------*/
-    // Add all four blips to a container
-    return (React__default.createElement("div", { className: "text-center LoadingSpinner LoadingSpinner-container" },
-        React__default.createElement("style", null, style$a),
-        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-1 me-1" }),
-        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-2 me-1" }),
-        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-3 me-1" }),
-        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-4" })));
-};
-
 /**
  * Wait for a certain number of ms
  * @author Gabe Abrams
@@ -1108,7 +1014,6 @@ const BASE_Z_INDEX = 1000000000;
 const BASE_Z_INDEX_ON_TOP = 2000000000;
 // Constants
 const MS_TO_ANIMATE = 200; // Animation duration
-const MS_TO_WAIT_BEFORE_SHOWING_LOADING_INDICATOR = 1000;
 // Modal type to list of buttons
 const modalTypeToModalButtonTypes = {
     [ModalType$1.Okay]: [
@@ -1222,7 +1127,7 @@ const getNextUniqueId = () => {
 /*------------------------------------------------------------------------*/
 /* -------------------------------- Style ------------------------------- */
 /*------------------------------------------------------------------------*/
-const style$9 = `
+const style$a = `
   .Modal-backdrop {
     position: fixed;
     top: 0;
@@ -1294,14 +1199,13 @@ const Modal = (props) => {
     /*------------------------------------------------------------------------*/
     var _a;
     /* -------------- Props ------------- */
-    const { type = ModalType$1.NoButtons, size = ModalSize$1.Large, title, largeTitle, children, onClose, dontAllowBackdropExit, dontShowXButton, onTopOfOtherModals, isLoading, isLoadingCancelable, } = props;
+    const { type = ModalType$1.NoButtons, size = ModalSize$1.Large, title, largeTitle, children, onClose, dontAllowBackdropExit, dontShowXButton, onTopOfOtherModals, } = props;
     // Determine if no header either
     const noHeader = (!title && type === ModalType$1.NoButtons);
     /* -------------- State ------------- */
     // True if animation is in use
     const [animatingIn, setAnimatingIn] = useState(true);
     const [animatingPop, setAnimatingPop] = useState(false);
-    const [showModal, setShowModal] = useState(false);
     /* -------------- Refs -------------- */
     // Keep track of whether modal is still mounted
     const mounted = useRef(false);
@@ -1328,16 +1232,6 @@ const Modal = (props) => {
             if (mounted.current) {
                 setAnimatingIn(false);
             }
-            if (isLoading) {
-                // wait before showing modal
-                yield waitMs(MS_TO_WAIT_BEFORE_SHOWING_LOADING_INDICATOR);
-                if (mounted.current) {
-                    setShowModal(true);
-                }
-            }
-            else {
-                setShowModal(true);
-            }
         }))();
         return () => {
             mounted.current = false;
@@ -1404,15 +1298,6 @@ const Modal = (props) => {
     else if (animatingPop) {
         animationClass = 'Modal-animating-pop';
     }
-    // default to show close button when not loading and not show close button when loading
-    // unless downShowXButton or isLoadingCancelable
-    const showCloseButton = (
-    // The modal must have an onClose function
-    onClose
-        // ...and the close button is allowed to be visible
-        && !dontShowXButton
-        // ...and should not be shown if the modal is loading and not cancelable
-        && !(isLoading && !isLoadingCancelable));
     // Render the modal
     const contentToRender = (React__default.createElement("div", { className: "modal show", tabIndex: -1, style: {
             zIndex: baseZIndex,
@@ -1421,7 +1306,7 @@ const Modal = (props) => {
             left: 0,
             right: 0,
         } },
-        React__default.createElement("style", null, style$9),
+        React__default.createElement("style", null, style$a),
         React__default.createElement("div", { className: `Modal-backdrop ${backdropAnimationClass}`, style: {
                 zIndex: baseZIndex + 1,
             }, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -1439,7 +1324,7 @@ const Modal = (props) => {
                 // Handle close
                 handleClose(ModalButtonType$1.Cancel);
             }) }),
-        showModal && (React__default.createElement("div", { className: `modal-dialog modal-${size} ${animationClass} modal-dialog-scrollable modal-dialog-centered`, style: {
+        React__default.createElement("div", { className: `modal-dialog modal-${size} ${animationClass} modal-dialog-scrollable modal-dialog-centered`, style: {
                 zIndex: baseZIndex + 2,
                 // Override sizes for even larger for XL
                 width: (size === ModalSize$1.ExtraLarge
@@ -1471,7 +1356,7 @@ const Modal = (props) => {
                                 ? '1.6rem'
                                 : undefined),
                         } }, title),
-                    showCloseButton && (React__default.createElement("button", { type: "button", className: "Modal-x-button btn-close", "aria-label": "Close", style: {
+                    (onClose && !dontShowXButton) && (React__default.createElement("button", { type: "button", className: "Modal-x-button btn-close", "aria-label": "Close", style: {
                             backgroundColor: (isDarkModeOn()
                                 ? 'white'
                                 : undefined),
@@ -1479,18 +1364,14 @@ const Modal = (props) => {
                             // Handle close
                             handleClose(ModalButtonType$1.Cancel);
                         } })))),
-                React__default.createElement("div", { className: "modal-body", style: {
+                children && (React__default.createElement("div", { className: "modal-body", style: {
                         color: (isDarkModeOn()
                             ? 'white'
                             : undefined),
                         backgroundColor: (isDarkModeOn()
                             ? '#444'
                             : undefined),
-                    } }, isLoading
-                    ? (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(LoadingSpinner, null),
-                        React__default.createElement("span", { className: "sr-only" }, "Content loading")))
-                    : children),
+                    } }, children)),
                 footer && (React__default.createElement("div", { className: "modal-footer pt-1 pb-1", style: {
                         color: (isDarkModeOn()
                             ? 'white'
@@ -1501,7 +1382,7 @@ const Modal = (props) => {
                         borderTop: (isDarkModeOn()
                             ? '0.1rem solid gray'
                             : undefined),
-                    } }, footer)))))));
+                    } }, footer))))));
     // Determine which portal to use
     const portalNumber = id.current % NUM_MODAL_PORTALS;
     // Render in a portal
@@ -2072,7 +1953,7 @@ const showSessionExpiredMessage = () => __awaiter(void 0, void 0, void 0, functi
 /*------------------------------------------------------------------------*/
 /* -------------------------------- Style ------------------------------- */
 /*------------------------------------------------------------------------*/
-const style$8 = `
+const style$9 = `
   .AppWrapper-leave-to-url-notice {
     opacity: 0;
 
@@ -2286,13 +2167,105 @@ const AppWrapper = (props) => {
     /* --------------- Main UI -------------- */
     /*----------------------------------------*/
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("style", null, style$8),
+        React__default.createElement("style", null, style$9),
         React__default.createElement("style", null, tooltipStyle),
         modal,
         customModalPortals,
         body));
 };
 
+/**
+ * Loading spinner/indicator
+ * @author Gabe Abrams
+ */
+/*------------------------------------------------------------------------*/
+/* -------------------------------- Style ------------------------------- */
+/*------------------------------------------------------------------------*/
+const style$8 = `
+/* Container fades in */
+.LoadingSpinner-container {
+  animation-name: LoadingSpinner-container-fade-in;
+  animation-duration: 0.3s;
+  animation-delay: 0.4s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-out;
+}
+@keyframes LoadingSpinner-container-fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Blips */
+.LoadingSpinner-blip-1,
+.LoadingSpinner-blip-2,
+.LoadingSpinner-blip-3,
+.LoadingSpinner-blip-4 {
+  font-size: 1.8rem;
+  opacity: 0.6;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+/* First Blip */
+.LoadingSpinner-blip-1 {
+  animation: LoadingSpinner-pop-animation 2s infinite;
+}
+
+/* Second Blip */
+.LoadingSpinner-blip-2 {
+  animation: LoadingSpinner-pop-animation 2s infinite;
+  -webkit-animation-delay: 0.1s;
+  animation-delay: 0.1s;
+}
+
+/* Third Blip */
+.LoadingSpinner-blip-3 {
+  animation: LoadingSpinner-pop-animation 2s infinite;
+  animation-delay: 0.2s;
+}
+
+/* Fourth Blip */
+.LoadingSpinner-blip-4 {
+  animation: LoadingSpinner-pop-animation 2s infinite;
+  animation-delay: 0.3s;
+}
+
+/* Pop Animation for Each Blip */
+@keyframes LoadingSpinner-pop-animation {
+  0%  {
+    transform: scale(1.0);
+  }
+  10% {
+    transform: scale(1.5);
+  }
+  30% {
+    transform: scale(1.0);
+  }
+  100% {
+    transform: scale(1.0);
+  }
+}
+`;
+/*------------------------------------------------------------------------*/
+/* ------------------------------ Component ----------------------------- */
+/*------------------------------------------------------------------------*/
+const LoadingSpinner = () => {
+    /*------------------------------------------------------------------------*/
+    /* ------------------------------- Render ------------------------------- */
+    /*------------------------------------------------------------------------*/
+    // Add all four blips to a container
+    return (React__default.createElement("div", { className: "text-center LoadingSpinner LoadingSpinner-container" },
+        React__default.createElement("style", null, style$8),
+        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-1 me-1" }),
+        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-2 me-1" }),
+        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-3 me-1" }),
+        React__default.createElement(FontAwesomeIcon, { icon: faCircle, className: "LoadingSpinner-blip-4" })));
+};
+
 /**
  * A box with a tab on the top that holds buttons and other content
  * @author Gabe Abrams
@@ -2324,9 +2297,7 @@ const style$7 = `
 
   /* Container for Title */
   .TabBox-title-container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+    /* Place on Left */
     position: relative;
     left: 0;
     text-align: left;
@@ -2359,19 +2330,6 @@ const style$7 = `
     background: #fdfdfd;
   }
 
-  .TabBox-title-right-container {
-    display: flex;
-    flex-direction: row;
-    align-items: bottom;
-    height: 2.4rem;
-    overflow: visible;
-  }
-
-  .TabBox-title-right-contents {
-    margin-right: 0.5rem;
-    margin-bottom: 0.2rem;
-  }
-
   /* Make the TabBox's Children Appear Above Title if Overlap Occurs */
   .TabBox-children {
     position: relative;
@@ -2385,16 +2343,19 @@ const TabBox = (props) => {
     /*------------------------------------------------------------------------*/
     /* -------------------------------- Setup ------------------------------- */
     /*------------------------------------------------------------------------*/
-    const { title, children, topRightChildren, noBottomPadding, noBottomMargin, } = props;
+    /* -------------- Props ------------- */
+    const { title, children, noBottomPadding, noBottomMargin, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
+    /*----------------------------------------*/
+    /* --------------- Main UI -------------- */
+    /*----------------------------------------*/
+    // Full UI
     return (React__default.createElement("div", { className: `TabBox-container ${noBottomMargin ? '' : 'mb-2'}` },
         React__default.createElement("style", null, style$7),
         React__default.createElement("div", { className: "TabBox-title-container" },
-            React__default.createElement("div", { className: "TabBox-title" }, title),
-            topRightChildren && (React__default.createElement("div", { className: "TabBox-title-right-container" },
-                React__default.createElement("div", { className: "TabBox-title-right-contents" }, topRightChildren)))),
+            React__default.createElement("div", { className: "TabBox-title" }, title)),
         React__default.createElement("div", { className: `TabBox-box ps-2 pt-2 pe-2 ${noBottomPadding ? '' : 'pb-2'}` },
             React__default.createElement("div", { className: "TabBox-children" }, children))));
 };
@@ -2523,19 +2484,6 @@ const ButtonInputGroup = (props) => {
                 : children))));
 };
 
-// Constants
-const ORDINALS = ['th', 'st', 'nd', 'rd'];
-/**
- * Get a number's ordinal
- * @author Gabe Abrams
- * @param num the number being analyzed
- * @returns ordinal
- */
-const getOrdinal = (num) => {
-    var _a, _b;
-    return ((_b = (_a = ORDINALS[(num - 20) % 10]) !== null && _a !== void 0 ? _a : ORDINALS[num]) !== null && _b !== void 0 ? _b : ORDINALS[0]);
-};
-
 const monthNames = [
     { short: 'Jan', full: 'January' },
     { short: 'Feb', full: 'February' },
@@ -2564,6 +2512,19 @@ const getMonthName = (month) => {
     return ((_a = monthNames[month - 1]) !== null && _a !== void 0 ? _a : monthNames[0]);
 };
 
+// Constants
+const ORDINALS = ['th', 'st', 'nd', 'rd'];
+/**
+ * Get a number's ordinal
+ * @author Gabe Abrams
+ * @param num the number being analyzed
+ * @returns ordinal
+ */
+const getOrdinal = (num) => {
+    var _a, _b;
+    return ((_b = (_a = ORDINALS[(num - 20) % 10]) !== null && _a !== void 0 ? _a : ORDINALS[num]) !== null && _b !== void 0 ? _b : ORDINALS[0]);
+};
+
 /**
  * Get current time info in US Boston Eastern Time, independent of machine
  *   timezone
@@ -2627,7 +2588,6 @@ const getTimeInfoInET = (dateOrTimestamp) => {
 /**
  * A very simple, lightweight date chooser
  * @author Gabe Abrams
- * @author Gardeniu Liu
  */
 /*------------------------------------------------------------------------*/
 /* ------------------------------ Component ----------------------------- */
@@ -2637,7 +2597,7 @@ const SimpleDateChooser = (props) => {
     /* -------------------------------- Setup ------------------------------- */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { ariaLabel, name, onChange, numMonthsToShow = 6, dontAllowFuture, dontAllowPast, } = props;
+    const { ariaLabel, name, onChange, chooseFromPast, numMonthsToShow = 6, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -2649,28 +2609,14 @@ const SimpleDateChooser = (props) => {
     const choices = [];
     let startYear = today.year;
     let startMonth = today.month;
-    // Don't allow past or future dates
-    if (dontAllowPast && dontAllowFuture) {
-        throw new ErrorWithCode('No past or future dates allowed', ReactKitErrorCode$1.SimpleDateChooserInvalidDateRange);
-    }
-    // Require numMonthsToShow to be positive
-    if (numMonthsToShow <= 0) {
-        throw new ErrorWithCode('numMonthsToShow must be positive', ReactKitErrorCode$1.SimpleDateChooserInvalidNumMonths);
-    }
-    // Recalculate startMonth and startYear when allowing past dates
-    if (!dontAllowPast) {
+    if (chooseFromPast) {
         startMonth -= Math.max(0, numMonthsToShow - 1);
         while (startMonth <= 0) {
             startMonth += 12;
             startYear -= 1;
         }
     }
-    // Calculate total number of months to show
-    let totalMonthsToShow = numMonthsToShow;
-    if (!dontAllowPast && !dontAllowFuture) {
-        totalMonthsToShow = totalMonthsToShow * 2 - 1;
-    }
-    for (let i = 0; i < totalMonthsToShow; i++) {
+    for (let i = 0; i < numMonthsToShow; i++) {
         // Get month and year info
         const unmoddedMonth = (startMonth + i);
         let month = unmoddedMonth;
@@ -2689,25 +2635,23 @@ const SimpleDateChooser = (props) => {
         // Figure out which days are allowed
         const days = [];
         const numDaysInMonth = (new Date(year, month, 0)).getDate();
-        // Current month
-        if (month === today.month && year === today.year) {
-            // Past selection: add all previous days of the month
-            if (!dontAllowPast) {
-                for (let day = 1; day < today.day; day++) {
-                    days.push(day);
-                }
-            }
-            days.push(today.day); // Add current day
-            // Future selection: add all remaining days of the month
-            if (!dontAllowFuture) {
-                for (let day = today.day + 1; day <= numDaysInMonth; day++) {
-                    days.push(day);
-                }
+        if (chooseFromPast) {
+            // Past selection
+            const numDaysToAdd = ((month === today.month)
+                ? today.day // Current month, only add up to today
+                : numDaysInMonth // Past month, add all days
+            );
+            for (let day = 1; day <= numDaysToAdd; day++) {
+                days.push(day);
             }
         }
-        else { // Past or future month
-            // Include all days in the month
-            for (let day = 1; day <= numDaysInMonth; day++) {
+        else {
+            // Future selection: add all remaining days of the month
+            const firstDay = (month === today.month
+                ? today.day // Current month: start at current date
+                : 1 // Future month: start at beginning of month
+            );
+            for (let day = firstDay; day <= numDaysInMonth; day++) {
                 days.push(day);
             }
         }
@@ -2727,8 +2671,8 @@ const SimpleDateChooser = (props) => {
         monthOptions.push(React__default.createElement("option", { key: `${choice.year}-${choice.month}`, value: `${choice.month}-${choice.year}`, "aria-label": `choose ${choice.choiceName}`, onSelect: () => {
                 onChange(choice.month, choice.days[0], choice.year);
             } }, choice.choiceName));
-        // This is the currently selected month
         if (month === choice.month) {
+            // This is the currently selected month
             // Create day options
             choice.days.forEach((dayChoice) => {
                 const ordinal = getOrdinal(dayChoice);
@@ -2750,125 +2694,6 @@ const SimpleDateChooser = (props) => {
             } }, dayOptions)));
 };
 
-/**
- * Pad a number with zeros on the left (e.g. 5 becomes 05 with 2 digit padding)
- * @author Gabe Abrams
- * @param num the number to pad
- * @param numDigits the minimum number of digits before the decimal
- * @returns padded number
- */
-const padZerosLeft = (num, numDigits) => {
-    // Convert to string
-    let out = String(num);
-    // Add zeros
-    while (out.split('.')[0].length < numDigits) {
-        out = `0${out}`;
-    }
-    // Return
-    return out;
-};
-
-/**
- * A very simple, lightweight time chooser
- * @author Gardenia Liu
- */
-/*------------------------------------------------------------------------*/
-/* ------------------------------ Constants ----------------------------- */
-/*------------------------------------------------------------------------*/
-// Allowed intervals between options
-const ALLOWED_INTERVALS = [15, 30, 60]; // min
-// Default interval to use if an unsupported interval is passed in
-const DEFAULT_INTERVAL = ALLOWED_INTERVALS[0]; // min
-/*------------------------------------------------------------------------*/
-/* ------------------------------ Component ----------------------------- */
-/*------------------------------------------------------------------------*/
-const SimpleTimeChooser = (props) => {
-    /*------------------------------------------------------------------------*/
-    /* -------------------------------- Setup ------------------------------- */
-    /*------------------------------------------------------------------------*/
-    /* -------------- Props ------------- */
-    const { ariaLabel, name, hour, minute, onChange, } = props;
-    let { intervalMin = DEFAULT_INTERVAL, } = props;
-    // Use default interval if not supported
-    if (ALLOWED_INTERVALS.includes(intervalMin)) {
-        intervalMin = DEFAULT_INTERVAL;
-    }
-    /*------------------------------------------------------------------------*/
-    /* ------------------------- Component Functions ------------------------ */
-    /*------------------------------------------------------------------------*/
-    /**
-     * Convert number of minutes since midnight into 24hour and minute format
-     * @author Gabe Abrams
-     * @param minSinceMidnight total minutes since midnight
-     * @returns hours (24) and minutes
-     */
-    const convertMinSinceMidnightToHoursAndMin = (minSinceMidnight) => {
-        return {
-            hours: Math.floor(minSinceMidnight / 60),
-            minutes: minSinceMidnight % 60,
-        };
-    };
-    /**
-     * Convert time in minutes into HH:MM format
-     * @author Gardenia Liu
-     * @param totalMinutes total minutes since midnight
-     * @returns formatted time string
-     */
-    const formatTime = (totalMinutes) => {
-        // Handle special cases
-        if (totalMinutes === 0) {
-            return '12:00 Midnight';
-        }
-        if (totalMinutes === 12 * 60) {
-            return '12:00 Noon';
-        }
-        // All normal cases:
-        const timeInfo = convertMinSinceMidnightToHoursAndMin(totalMinutes);
-        let { hours } = timeInfo;
-        const { minutes } = timeInfo;
-        // Process 24hr -> 12hr
-        const isAM = (hours < 12);
-        if (hours === 0) {
-            hours = 12;
-        }
-        else if (hours > 12) {
-            hours %= 12;
-        }
-        // Pad with zeros
-        const paddedMinutes = padZerosLeft(minutes, 2);
-        // Assemble time string
-        return `${hours}:${paddedMinutes} ${isAM ? 'AM' : 'PM'}`;
-    };
-    /*------------------------------------------------------------------------*/
-    /* ------------------------------- Render ------------------------------- */
-    /*------------------------------------------------------------------------*/
-    /*----------------------------------------*/
-    /* --------------- Main UI -------------- */
-    /*----------------------------------------*/
-    // Generate list of time options
-    const times = [];
-    for (let time = 0; time < 24 * 60; time += intervalMin) {
-        times.push(formatTime(time));
-    }
-    // Create choice options
-    const selectedTimeMin = hour * 60 + minute; // minutes since midnight
-    const timeOptions = times.map((timeString, timeIndex) => {
-        // Create time option
-        const numMinutesForChoice = timeIndex * intervalMin;
-        // Render the option
-        return (React__default.createElement("option", { key: numMinutesForChoice, value: numMinutesForChoice, "aria-label": `choose ${timeString}` }, timeString));
-    });
-    return (React__default.createElement("div", { className: "SimpleTimeChooser-container", "aria-label": `time chooser with selected time: ${formatTime(selectedTimeMin)}` },
-        React__default.createElement("select", { "aria-label": `time for ${ariaLabel}`, className: "custom-select d-inline-block", style: { width: 'auto' }, id: `SimpleTimeChooser-${name}-time`, value: selectedTimeMin, onChange: (e) => {
-                // Parse selector value (string)
-                const newTime = Number.parseInt(e.target.value, 10);
-                // Convert minutes since midnight to hour and minute
-                const timeInfo = convertMinSinceMidnightToHoursAndMin(newTime);
-                // Notify parent of change
-                onChange(timeInfo.hours, timeInfo.minutes);
-            } }, timeOptions)));
-};
-
 /**
  * Drawer container
  * @author Gabe Abrams
@@ -3517,7 +3342,7 @@ const NestableItemList = (props) => {
                 React__default.createElement(FontAwesomeIcon, { icon: childExpanded[item.id] ? faChevronDown : faChevronRight })))),
             React__default.createElement(CheckboxButton, { className: `NestableItemList-CheckboxButton-${item.id}`, text: item.name, checked: item.isGroup ? allChecked(item.children) : item.checked, dashed: item.isGroup ? !noneChecked(item.children) : false, onChanged: (checked) => {
                     onChanged(changeChecked(item.id, checked, items));
-                }, ariaLabel: `Select ${item.name}`, checkedVariant: Variant$1.Light, uncheckedVariant: Variant$1.Light }),
+                }, ariaLabel: `Select ${item.name}`, checkedVariant: Variant$1.Light }),
             (item.isGroup && childExpanded[item.id]) && (React__default.createElement("div", { className: "NestableItemList-children-container", style: {
                     paddingLeft: '2.2rem',
                 } },
@@ -3540,62 +3365,17 @@ const ItemPicker = (props) => {
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
     // Destructure all props
-    const { title, items, onChanged, noBottomMargin, hideSelectAllOrNoneButtons, } = props;
+    const { title, items, onChanged, noBottomMargin, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------- Component Functions ------------------------ */
     /*------------------------------------------------------------------------*/
-    /**
-     * Updates the checked state of an item (including all children)
-     * @author Yuen Ler Chow
-     * @param item the item to update
-     * @param checked the new checked state
-     * @returns the updated item
-     */
-    const updateItemChecked = (item, checked) => {
-        if (item.isGroup) {
-            return Object.assign(Object.assign({}, item), { children: item.children.map((child) => {
-                    return updateItemChecked(child, checked);
-                }) });
-        }
-        return Object.assign(Object.assign({}, item), { checked });
-    };
-    /**
-     * Selects all items in the list
-     * @author Yuen Ler Chow
-     */
-    const handleSelectAll = () => {
-        const updatedItems = items.map((item) => {
-            return updateItemChecked(item, true);
-        });
-        onChanged(updatedItems);
-    };
-    /**
-     * Deselects all items in the list
-     * @author Yuen Ler Chow
-     */
-    const handleDeselectAll = () => {
-        const updatedItems = items.map((item) => {
-            return updateItemChecked(item, false);
-        });
-        onChanged(updatedItems);
-    };
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
     /*----------------------------------------*/
     /* --------------- Main UI -------------- */
     /*----------------------------------------*/
-    // Select all/none
-    const selectAllOrNone = (!hideSelectAllOrNoneButtons
-        ? (React__default.createElement("div", { className: "d-flex h-100 align-items-end flex-row" },
-            React__default.createElement("div", { className: "d-flex justify-content-end" },
-                React__default.createElement("div", { className: "me-2", style: { fontSize: '1.2rem' } }, "Select"),
-                React__default.createElement("div", { className: "btn-group", role: "group" },
-                    React__default.createElement("button", { type: "button", style: { borderRight: '0.1rem solid white' }, "aria-label": "Select all contexts", className: "btn btn-secondary py-0", onClick: handleSelectAll }, "All"),
-                    React__default.createElement("button", { type: "button", "aria-label": "Deselect all contexts", className: "btn btn-secondary py-0", onClick: handleDeselectAll }, "None")))))
-        : undefined);
-    // Main UI
-    return (React__default.createElement(TabBox, { title: title, noBottomMargin: noBottomMargin, topRightChildren: selectAllOrNone },
+    return (React__default.createElement(TabBox, { title: title, noBottomMargin: noBottomMargin },
         React__default.createElement("div", { style: { overflowX: 'auto' } },
             React__default.createElement(NestableItemList, { items: items, onChanged: onChanged }))));
 };
@@ -3967,7 +3747,7 @@ const IntelliTable = (props) => {
                             param: column.param,
                             visible: checked,
                         });
-                    }, checked: columnVisibilityMap[column.param], ariaLabel: `show "${column.title}" column in the ${title} table`, checkedVariant: Variant$1.Light, uncheckedVariant: Variant$1.Light }));
+                    }, checked: columnVisibilityMap[column.param], ariaLabel: `show "${column.title}" column in the ${title} table`, checkedVariant: Variant$1.Light, uncheckedVariant: Variant$1.Secondary }));
             }),
             React__default.createElement("div", { className: "mt-3" }, "Or you can:"),
             React__default.createElement("button", { type: "button", id: `IntelliTable-${id}-select-all-columns`, className: "btn btn-secondary me-2", "aria-label": `show all columns in the ${title} table`, onClick: () => {
@@ -4963,14 +4743,14 @@ const LogReviewer = (props) => {
         if (expandedFilterDrawer) {
             if (expandedFilterDrawer === FilterDrawer.Date) {
                 filterDrawer = (React__default.createElement(TabBox, { title: "Date" },
-                    React__default.createElement(SimpleDateChooser, { ariaLabel: "filter start date", name: "filter-start-date", year: dateFilterState.startDate.year, month: dateFilterState.startDate.month, day: dateFilterState.startDate.day, dontAllowFuture: true, numMonthsToShow: 36, onChange: (month, day, year) => {
+                    React__default.createElement(SimpleDateChooser, { ariaLabel: "filter start date", name: "filter-start-date", year: dateFilterState.startDate.year, month: dateFilterState.startDate.month, day: dateFilterState.startDate.day, chooseFromPast: true, numMonthsToShow: 36, onChange: (month, day, year) => {
                             dateFilterState.startDate = { month, day, year };
                             handleDateRangeUpdated(dateFilterState);
                         } }),
                     ' ',
                     "to",
                     ' ',
-                    React__default.createElement(SimpleDateChooser, { ariaLabel: "filter end date", name: "filter-end-date", year: dateFilterState.endDate.year, month: dateFilterState.endDate.month, day: dateFilterState.endDate.day, dontAllowFuture: true, numMonthsToShow: 12, onChange: (month, day, year) => {
+                    React__default.createElement(SimpleDateChooser, { ariaLabel: "filter end date", name: "filter-end-date", year: dateFilterState.endDate.year, month: dateFilterState.endDate.month, day: dateFilterState.endDate.day, chooseFromPast: true, numMonthsToShow: 12, onChange: (month, day, year) => {
                             if (year < dateFilterState.startDate.year
                                 || (year === dateFilterState.startDate.year
                                     && month < dateFilterState.startDate.month)
@@ -15450,6 +15230,24 @@ const padDecimalZeros = (num, numDigits) => {
     return out;
 };
 
+/**
+ * Pad a number with zeros on the left (e.g. 5 becomes 05 with 2 digit padding)
+ * @author Gabe Abrams
+ * @param num the number to pad
+ * @param numDigits the minimum number of digits before the decimal
+ * @returns padded number
+ */
+const padZerosLeft = (num, numDigits) => {
+    // Convert to string
+    let out = String(num);
+    // Add zeros
+    while (out.split('.')[0].length < numDigits) {
+        out = `0${out}`;
+    }
+    // Return
+    return out;
+};
+
 /**
  * Stub a server endpoint response
  * @author Gabe Abrams
@@ -16283,27 +16081,6 @@ const shuffleArray = (arr) => {
     return newArr;
 };
 
-const punctuationRegex = /[!@#$%^&*(),.?\/;:'"\-\[\]]/g;
-/**
- * Get number of words in string
- * @author Gardenia Liu
- * @author Allison Zhang
- * @author Gabe Abrams
- * @param text the string to check
- * @returns number of words in the string
- */
-const getWordCount = (text) => {
-    const trimmedTextWithoutPunctuation = (text
-        // Remove leading and trailing whitespace
-        .trim()
-        // Remove punctuation
-        .replace(punctuationRegex, ''));
-    if (trimmedTextWithoutPunctuation.length === 0) {
-        return 0;
-    }
-    return trimmedTextWithoutPunctuation.split(/\s+/g).length;
-};
-
 /**
  * Days of the week
  * @author Gabe Abrams
@@ -16320,5 +16097,5 @@ var DayOfWeek;
 })(DayOfWeek || (DayOfWeek = {}));
 var DayOfWeek$1 = DayOfWeek;
 
-export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DBEntryFieldType$1 as DBEntryFieldType, DBEntryManagerPanel, DayOfWeek$1 as DayOfWeek, Drawer, Dropdown, DropdownItemType$1 as DropdownItemType, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, ItemPicker, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_REVIEW_STATUS_ROUTE, LOG_ROUTE_PATH, LoadingSpinner, LogAction$1 as LogAction, LogBuiltInMetadata, LogLevel$1 as LogLevel, LogReviewer, LogSource$1 as LogSource, LogType$1 as LogType, MINUTE_IN_MS, Modal, ModalButtonType$1 as ModalButtonType, ModalSize$1 as ModalSize, ModalType$1 as ModalType, MultiSwitch, ParamType$1 as ParamType, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode$1 as ReactKitErrorCode, SimpleDateChooser, SimpleTimeChooser, TabBox, ToggleSwitch, Tooltip, Variant$1 as Variant, abbreviate, addFatalErrorHandler, alert, avg, canReviewLogs, capitalize, ceilToNumDecimals, combineClassNames, compareArraysByProp, confirm, everyAsync, extractProp, filterAsync, floorToNumDecimals, forEachAsync, forceNumIntoBounds, genCSV, genCommaList, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, getWordCount, idify, initClient, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, mapAsync, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, prefixWithAOrAn, prompt, roundToNumDecimals, setClientEventMetadataPopulator, showFatalError, shuffleArray, someAsync, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, useForceRender, validateEmail, validatePhoneNumber, validateString, visitServerEndpoint, waitMs };
+export { AppWrapper, AutoscrollToBottomContainer, ButtonInputGroup, CSVDownloadButton, CheckboxButton, CopiableBox, DAY_IN_MS, DBEntryFieldType$1 as DBEntryFieldType, DBEntryManagerPanel, DayOfWeek$1 as DayOfWeek, Drawer, Dropdown, DropdownItemType$1 as DropdownItemType, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, ItemPicker, LOG_REVIEW_ROUTE_PATH_PREFIX, LOG_REVIEW_STATUS_ROUTE, LOG_ROUTE_PATH, LoadingSpinner, LogAction$1 as LogAction, LogBuiltInMetadata, LogLevel$1 as LogLevel, LogReviewer, LogSource$1 as LogSource, LogType$1 as LogType, MINUTE_IN_MS, Modal, ModalButtonType$1 as ModalButtonType, ModalSize$1 as ModalSize, ModalType$1 as ModalType, MultiSwitch, ParamType$1 as ParamType, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode$1 as ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant$1 as Variant, abbreviate, addFatalErrorHandler, alert, avg, canReviewLogs, capitalize, ceilToNumDecimals, combineClassNames, compareArraysByProp, confirm, everyAsync, extractProp, filterAsync, floorToNumDecimals, forEachAsync, forceNumIntoBounds, genCSV, genCommaList, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, idify, initClient, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, mapAsync, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, prefixWithAOrAn, prompt, roundToNumDecimals, setClientEventMetadataPopulator, showFatalError, shuffleArray, someAsync, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, useForceRender, validateEmail, validatePhoneNumber, validateString, visitServerEndpoint, waitMs };
 //# sourceMappingURL=index.js.map