dce-reactkit 3.5.11 → 3.5.13

package/dist/cjs/types/components/AppWrapper.d.ts

@@ -9,6 +9,14 @@ type Props = {
     children: React.ReactNode;
     dark?: boolean;
 };
+/**
+ * Redirect to a new page
+ * @author Gabe Abrams
+ * @param url the url to redirect to
+ * @param destination the destination of the redirect, for example "YouTube"
+ *   and will be used in the following text: `Redirecting to ${destination}...`
+ */
+export declare const leaveToURL: (url: string, destination: string) => Promise<void>;
 /**
  * Show an alert modal with an "Okay" button
  * @author Gabe Abrams

package/dist/cjs/types/helpers/getPartOfDay.d.ts

@@ -1,6 +1,7 @@
 /**
  * Get the current part of day (morning, evening, etc.)
  * @author Gabe Abrams
+ * @returns the part of day (morning, evening, etc.)
  */
 declare const getPartOfDay: () => string;
 export default getPartOfDay;

package/dist/cjs/types/helpers/makeLinksClickable.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * Given some text, make the links clickable
+ * @author Gabe Abrams
+ * @param text the text to process
+ * @param [opts] options to customize behavior
+ * @param [opts.newTab] if true, links will open in a new tab
+ * @param [opts.preventPropagation] if true, clicks to link will prevent default
+ *   and propagation
+ * @returns the processed text
+ */
+declare const makeLinksClickable: (text: string, opts?: {
+    newTab?: boolean;
+    preventPropagation?: boolean;
+}) => React.ReactNode;
+export default makeLinksClickable;

package/dist/cjs/types/index.d.ts

@@ -1,4 +1,4 @@
-import AppWrapper, { alert, confirm, showFatalError, addFatalErrorHandler } from './components/AppWrapper';
+import AppWrapper, { alert, confirm, showFatalError, addFatalErrorHandler, leaveToURL } from './components/AppWrapper';
 import LoadingSpinner from './components/LoadingSpinner';
 import ErrorBox from './components/ErrorBox';
 import Modal from './components/Modal';
@@ -65,6 +65,7 @@ import validateEmail from './helpers/validators/validateEmail';
 import validatePhoneNumber from './helpers/validators/validatePhoneNumber';
 import validateString from './helpers/validators/validateString';
 import idify from './helpers/idify';
+import makeLinksClickable from './helpers/makeLinksClickable';
 import ModalButtonType from './types/ModalButtonType';
 import ModalSize from './types/ModalSize';
 import ModalType from './types/ModalType';
@@ -83,4 +84,4 @@ import PickableItem from './components/ItemPicker/types/PickableItem';
 import DBEntry from './components/DBEntryManagerPanel/types/DBEntry';
 import DBEntryField from './components/DBEntryManagerPanel/types/DBEntryField';
 import DBEntryFieldType from './components/DBEntryManagerPanel/types/DBEntryFieldType';
-export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, DBEntryManagerPanel, Tooltip, ToggleSwitch, AutoscrollToBottomContainer, alert, confirm, showFatalError, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, DynamicWord, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, stubServerEndpoint, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, canReviewLogs, isMobileOrTablet, extractProp, compareArraysByProp, genCommaList, validateEmail, validatePhoneNumber, validateString, getLocalTimeInfo, idify, initClient, visitServerEndpoint, logClientEvent, addFatalErrorHandler, initServer, genRouteHandler, handleError, handleSuccess, initLogCollection, addDBEditorEndpoints, ModalButtonType, ModalSize, ModalType, ReactKitErrorCode, Variant, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, IntelliTableColumn, PickableItem, DBEntry, DBEntryField, DBEntryFieldType, ParamType, };
+export { AppWrapper, LoadingSpinner, ErrorBox, Modal, TabBox, RadioButton, CheckboxButton, ButtonInputGroup, SimpleDateChooser, Drawer, PopSuccessMark, PopFailureMark, PopPendingMark, CopiableBox, ItemPicker, LogReviewer, IntelliTable, CSVDownloadButton, DBEntryManagerPanel, Tooltip, ToggleSwitch, AutoscrollToBottomContainer, alert, confirm, showFatalError, ErrorWithCode, MINUTE_IN_MS, HOUR_IN_MS, DAY_IN_MS, DynamicWord, abbreviate, avg, ceilToNumDecimals, floorToNumDecimals, forceNumIntoBounds, padDecimalZeros, padZerosLeft, roundToNumDecimals, sum, waitMs, getOrdinal, getTimeInfoInET, stubServerEndpoint, startMinWait, getHumanReadableDate, getPartOfDay, stringsToHumanReadableList, onlyKeepLetters, parallelLimit, getMonthName, genCSV, canReviewLogs, isMobileOrTablet, extractProp, compareArraysByProp, genCommaList, validateEmail, validatePhoneNumber, validateString, getLocalTimeInfo, idify, makeLinksClickable, initClient, visitServerEndpoint, logClientEvent, addFatalErrorHandler, leaveToURL, initServer, genRouteHandler, handleError, handleSuccess, initLogCollection, addDBEditorEndpoints, ModalButtonType, ModalSize, ModalType, ReactKitErrorCode, Variant, DayOfWeek, Log, LogType, LogSource, LogAction, LogBuiltInMetadata, LogMetadataType, IntelliTableColumn, PickableItem, DBEntry, DBEntryField, DBEntryFieldType, ParamType, };

package/dist/esm/index.js

@@ -293,7 +293,7 @@ const ModalButtonTypeToLabelAndVariant = {
 /*------------------------------------------------------------------------*/
 /*                                  Style                                 */
 /*------------------------------------------------------------------------*/
-const style$a = `
+const style$b = `
   .Modal-backdrop {
     position: fixed;
     top: 0;
@@ -467,7 +467,7 @@ const Modal = (props) => {
             left: 0,
             right: 0,
         } },
-        React__default.createElement("style", null, style$a),
+        React__default.createElement("style", null, style$b),
         React__default.createElement("div", { className: `Modal-backdrop ${backdropAnimationClass}`, style: {
                 zIndex: 5000000003,
             }, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -755,6 +755,39 @@ const logClientEvent = (opts) => __awaiter(void 0, void 0, void 0, function* ()
 /* --------------------------- Static Helpers --------------------------- */
 /*------------------------------------------------------------------------*/
 /*----------------------------------------*/
+/* ----------- Redirect/Leave ----------- */
+/*----------------------------------------*/
+// Stored copy of setter for url to leave to
+let setURLToLeaveTo;
+/**
+ * Redirect to a new page
+ * @author Gabe Abrams
+ * @param url the url to redirect to
+ * @param destination the destination of the redirect, for example "YouTube"
+ *   and will be used in the following text: `Redirecting to ${destination}...`
+ */
+const leaveToURL = (url, destination) => __awaiter(void 0, void 0, void 0, function* () {
+    if (setURLToLeaveTo) {
+        // Beautiful redirect
+        setURLToLeaveTo({ url, destination });
+    }
+    else {
+        // Overwrite page in a janky way
+        window.document.body.innerHTML = `
+      <div>
+        <h1>
+          Redirecting to ${destination}...
+        </h1>
+        <p>
+          If you are not redirected in 5 seconds, please <a href="${url}">click here</a>.
+        </p>
+      </div>
+    `;
+    }
+    // Redirect to location
+    window.location.href = url;
+});
+/*----------------------------------------*/
 /* ---------------- Alert --------------- */
 /*----------------------------------------*/
 // Stored copies of setters
@@ -891,6 +924,30 @@ const addFatalErrorHandler = (handler) => {
     fatalErrorHandlers.push(handler);
 };
 /*------------------------------------------------------------------------*/
+/* -------------------------------- Style ------------------------------- */
+/*------------------------------------------------------------------------*/
+const style$a = `
+  .AppWrapper-leave-to-url-notice {
+    opacity: 0;
+
+    animation-name: AppWrapper-leave-to-url-notice-appear;
+    animation-duration: 0.5s;
+    animation-delay: 1s;
+    animation-fill-mode: both;
+    animation-timing-function: ease-out;
+    animation-iteration-count: 1;
+  }
+
+  @keyframes AppWrapper-leave-to-url-notice-appear {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+`;
+/*------------------------------------------------------------------------*/
 /* ------------------------------ Component ----------------------------- */
 /*------------------------------------------------------------------------*/
 const AppWrapper = (props) => {
@@ -900,6 +957,9 @@ const AppWrapper = (props) => {
     /* -------------- Props ------------- */
     const { children, dark, } = props;
     /* -------------- State ------------- */
+    // Leave to URL
+    const [urlToLeaveTo, setURLToLeaveToInner,] = useState();
+    setURLToLeaveTo = setURLToLeaveToInner;
     // Fatal error
     const [fatalErrorMessage, setFatalErrorMessageInner,] = useState();
     setFatalErrorMessage = setFatalErrorMessageInner;
@@ -947,8 +1007,27 @@ const AppWrapper = (props) => {
     /*----------------------------------------*/
     // Body that will be filled with the current view
     let body;
+    /* ---------- Leave to URL ---------- */
+    if (!body && urlToLeaveTo) {
+        // Destructure url info
+        const { url, destination, } = urlToLeaveTo;
+        // Show pretty redirect screen
+        body = (React__default.createElement("div", { className: "AppWrapper-leave-to-url-container p-5 text-center" },
+            React__default.createElement("div", { className: "AppWrapper-leave-to-url-notice d-inline-block" },
+                React__default.createElement("h3", { className: "text-start m-0" },
+                    "Redirecting to",
+                    ' ',
+                    destination,
+                    "..."),
+                React__default.createElement("div", { className: "text-start" },
+                    "If you are not automatically redirected in 5 seconds, please",
+                    ' ',
+                    React__default.createElement("a", { href: url, "aria-label": `Click here to leave to ${destination}` }, "click here"),
+                    "."))));
+    }
     /* ----------- Fatal Error ---------- */
-    if (fatalErrorMessage || fatalErrorCode || sessionHasExpired) {
+    if (!body
+        && (fatalErrorMessage || fatalErrorCode || sessionHasExpired)) {
         // Re-encapsulate in an error
         const error = (sessionHasExpired
             ? new ErrorWithCode(getSessionExpiredMessage(), ReactKitErrorCode$1.SessionExpired)
@@ -975,6 +1054,7 @@ const AppWrapper = (props) => {
     /*                 Main UI                */
     /*----------------------------------------*/
     return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("style", null, style$a),
         modal,
         body));
 };
@@ -42258,11 +42338,12 @@ const startMinWait = (minWaitMs) => {
 /**
  * Get the current part of day (morning, evening, etc.)
  * @author Gabe Abrams
+ * @returns the part of day (morning, evening, etc.)
  */
 const getPartOfDay = () => {
     // Setup the post-it time of day
     let partOfDay = 'day';
-    let hours = new Date().getHours();
+    const hours = new Date().getHours();
     if (hours < 12) {
         partOfDay = 'morning';
     }
@@ -42826,6 +42907,64 @@ const validateString = (input, opts) => {
         });
 };
 
+// Import React
+// Regular express that matches urls
+const urlRegex = /(https?:\/\/)?([a-z0-9-]+\.)+[a-z0-9]{2,6}(:[0-9]{1,5})?(\/\S*)?/g;
+/**
+ * Given some text, make the links clickable
+ * @author Gabe Abrams
+ * @param text the text to process
+ * @param [opts] options to customize behavior
+ * @param [opts.newTab] if true, links will open in a new tab
+ * @param [opts.preventPropagation] if true, clicks to link will prevent default
+ *   and propagation
+ * @returns the processed text
+ */
+const makeLinksClickable = (text, opts) => {
+    // Search text for links
+    let matches = urlRegex.exec(text);
+    // If no matches, just return the text
+    if (!matches) {
+        return text;
+    }
+    // Check if using new tab
+    const newTab = opts === null || opts === void 0 ? void 0 : opts.newTab;
+    // Next element key
+    let nextKey = 0;
+    // Process each link
+    const elements = [];
+    let lastIndex = 0;
+    while (matches) {
+        // Get the link
+        const link = matches[0];
+        // Get the index of the link
+        const { index } = matches;
+        // Add the text before the link
+        elements.push(React__default.createElement("span", { key: nextKey += 1 }, text.substring(lastIndex, index)));
+        // Add the link
+        elements.push(React__default.createElement("a", { key: nextKey += 1, href: link, target: newTab ? '_blank' : undefined, rel: newTab ? 'noopener noreferrer' : undefined, style: {
+                textDecoration: 'underline',
+            }, onClick: (e) => {
+                // Prevent default and propagation if requested
+                if (opts === null || opts === void 0 ? void 0 : opts.preventPropagation) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }
+            } }, link));
+        // Update the last index
+        lastIndex = index + link.length;
+        // Get the next match
+        matches = urlRegex.exec(text);
+    }
+    // Add the last bit of text
+    const remainingText = text.substring(lastIndex);
+    if (remainingText && remainingText.length > 0) {
+        elements.push(React__default.createElement("span", { key: nextKey += 1 }, remainingText));
+    }
+    // Return the elements
+    return elements;
+};
+
 /**
  * Days of the week
  * @author Gabe Abrams
@@ -42842,5 +42981,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, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, ItemPicker, LoadingSpinner, LogAction$1 as LogAction, LogBuiltInMetadata, 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, ParamType$1 as ParamType, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode$1 as ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant$1 as Variant, abbreviate, addDBEditorEndpoints, addFatalErrorHandler, alert$1 as alert, avg, canReviewLogs, ceilToNumDecimals, compareArraysByProp, confirm, extractProp, floorToNumDecimals, forceNumIntoBounds, genCSV, genCommaList, genRouteHandler, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, handleError, handleSuccess, idify, initClient, initLogCollection, initServer, isMobileOrTablet, logClientEvent, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, roundToNumDecimals, showFatalError, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, 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, DynamicWord, ErrorBox, ErrorWithCode, HOUR_IN_MS, IntelliTable, ItemPicker, LoadingSpinner, LogAction$1 as LogAction, LogBuiltInMetadata, 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, ParamType$1 as ParamType, PopFailureMark, PopPendingMark, PopSuccessMark, RadioButton, ReactKitErrorCode$1 as ReactKitErrorCode, SimpleDateChooser, TabBox, ToggleSwitch, Tooltip, Variant$1 as Variant, abbreviate, addDBEditorEndpoints, addFatalErrorHandler, alert$1 as alert, avg, canReviewLogs, ceilToNumDecimals, compareArraysByProp, confirm, extractProp, floorToNumDecimals, forceNumIntoBounds, genCSV, genCommaList, genRouteHandler, getHumanReadableDate, getLocalTimeInfo, getMonthName, getOrdinal, getPartOfDay, getTimeInfoInET, handleError, handleSuccess, idify, initClient, initLogCollection, initServer, isMobileOrTablet, leaveToURL, logClientEvent, makeLinksClickable, onlyKeepLetters, padDecimalZeros, padZerosLeft, parallelLimit, roundToNumDecimals, showFatalError, startMinWait, stringsToHumanReadableList, stubServerEndpoint, sum, validateEmail, validatePhoneNumber, validateString, visitServerEndpoint, waitMs };
 //# sourceMappingURL=index.js.map