@torq-north/react-tools 1.0.0 → 1.1.1

package/dist/index.es.js

@@ -144,8 +144,12 @@ var sendGet = function (url, params) { return __awaiter(void 0, void 0, void 0,
         switch (_a.label) {
             case 0:
                 params &&
-                    Object.keys(params).forEach(function (key) { return params[key] === undefined && delete params[key]; });
-                fetchUrl = params ? "".concat(url, "?").concat(new URLSearchParams(params).toString()) : url;
+                    Object.keys(params).forEach(function (key) {
+                        return params[key] === undefined && delete params[key];
+                    });
+                fetchUrl = params
+                    ? "".concat(url, "?").concat(new URLSearchParams(params).toString())
+                    : url;
                 return [4 /*yield*/, fetch(fetchUrl)];
             case 1:
                 response = _a.sent();
@@ -246,11 +250,29 @@ function isJson(response) {
     }
     return contentType.indexOf("application/json") >= 0;
 }
+var authLoginUrl = "/auth/login";
+var authRedirectEnabled = false;
+function enableAuthRedirect(loginUrl) {
+    if (loginUrl === void 0) { loginUrl = "/auth/login"; }
+    authLoginUrl = loginUrl;
+    authRedirectEnabled = true;
+}
+function isSessionExpired(response) {
+    return (response.status === 401 ||
+        (response.redirected && response.url.includes("/auth/login")));
+}
 function process$1(response) {
     return __awaiter(this, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, checkResponse(response)];
+                case 0:
+                    if (authRedirectEnabled && isSessionExpired(response)) {
+                        window.location.href = authLoginUrl;
+                        // Return a never-resolving promise to suspend execution while the browser navigates away,
+                        // preventing any error handling or UI updates from firing before the page unloads.
+                        return [2 /*return*/, new Promise(function () { })];
+                    }
+                    return [4 /*yield*/, checkResponse(response)];
                 case 1:
                     _a.sent();
                     if (isJson(response)) {
@@ -768,7 +790,11 @@ var ErrorNotification = function (_a) {
     return (jsx(Snackbar, { open: open, autoHideDuration: 6000, onClose: onClose, children: jsx(Alert, { onClose: onClose, severity: "error", sx: { width: "100%" }, elevation: 6, variant: "filled", children: message !== null && message !== void 0 ? message : "An error has occured" }) }));
 };
 
-var DropIndicator = styled(Box)(function (_a) {
+var DropIndicator = styled(Box, {
+    shouldForwardProp: function (propName) {
+        return propName != "dragOver" && propName != "multiple" && propName != "disabled";
+    },
+})(function (_a) {
     var theme = _a.theme, dragOver = _a.dragOver, multiple = _a.multiple, disabled = _a.disabled;
     return ({
         padding: dragOver ? "1px" : "4px",
@@ -777,7 +803,7 @@ var DropIndicator = styled(Box)(function (_a) {
         borderRadius: 1,
         cursor: multiple ? undefined : "pointer",
         transition: "0.2s opacity",
-        "&:hover": disabled
+        "&:hover": disabled || multiple
             ? undefined
             : {
                 opacity: 0.8,
@@ -4778,7 +4804,7 @@ function useFileEditorField(name, options) {
     var _c = useState(""), errorMessage = _c[0], setErrorMessage = _c[1];
     var _d = useState(false), dragOverDropzone = _d[0], setDragOverDropzone = _d[1];
     var multiple = options.multiple, disabled = options.disabled, otherOptions = __rest(options, ["multiple", "disabled"]);
-    var _e = useDropzone(__assign({ multiple: multiple, noClick: multiple, noKeyboard: multiple, disabled: disabled, onDragEnter: function () { return setDragOverDropzone(true); }, onDragOver: function (e) {
+    var _e = useDropzone(__assign({ multiple: multiple, noClick: multiple || values.length == 0, noKeyboard: multiple, disabled: disabled, onDragEnter: function () { return setDragOverDropzone(true); }, onDragOver: function (e) {
             e.preventDefault();
             e.stopPropagation();
         }, onDragLeave: function () { return setDragOverDropzone(false); }, onDrop: function () { return setDragOverDropzone(false); }, onDropAccepted: function (acceptedFiles) {
@@ -4881,9 +4907,9 @@ function IndividualFile(_a) {
 function FileDisplay(_a) {
     var files = _a.files, individualFileProps = __rest(_a, ["files"]);
     if (!Array.isArray(files)) {
-        return (jsx(Box, { p: 1, children: jsx(IndividualFile, __assign({ file: files }, individualFileProps)) }));
+        return (jsx(Box, { children: jsx(IndividualFile, __assign({ file: files }, individualFileProps)) }));
     }
-    return (jsx(Stack, { p: 1, children: files.map(function (f) { return (jsx(IndividualFile, __assign({ file: f }, individualFileProps), isAsset(f) ? f.id : f.name)); }) }));
+    return (jsx(Stack, { children: files.map(function (f) { return (jsx(IndividualFile, __assign({ file: f }, individualFileProps), isAsset(f) ? f.id : f.name)); }) }));
 }
 
 function FileEditorField(_a) {
@@ -4895,7 +4921,7 @@ function FileEditorField(_a) {
         required: required,
         fieldProps: slotProps === null || slotProps === void 0 ? void 0 : slotProps.field,
     }), getInputProps = _b.getInputProps, getRootProps = _b.getRootProps, dragOverDropzone = _b.dragOverDropzone, values = _b.values, removeFile = _b.removeFile, open = _b.open, showError = _b.showError, setShowError = _b.setShowError, errorMessage = _b.errorMessage, meta = _b.meta;
-    return (jsxs(FieldWrapper, { icon: icon, showSpace: showSpace, children: [jsxs(FormControl, { fullWidth: true, sx: { position: "relative" }, children: [label && (jsx(FormLabel, { disabled: disabled, error: meta.touched && meta.error, children: label })), jsx("input", __assign({}, getInputProps())), jsxs(DropIndicator, __assign({ multiple: multiple, dragOver: dragOverDropzone, disabled: disabled }, getRootProps(), { children: [jsx(Box, { sx: { opacity: disabled ? 0.4 : 1 }, children: jsx(FileDisplay, { files: values !== null && values !== void 0 ? values : [], disableLink: true, allowDelete: !disabled, onDelete: removeFile }) }), (multiple || (values === null || values === void 0 ? void 0 : values.length) == 0) && (jsx(Button, { onClick: open, startIcon: jsx(AddIcon, {}), fullWidth: true, disabled: disabled, children: placeholder !== null && placeholder !== void 0 ? placeholder : "Add File".concat(multiple ? "s" : "") }))] })), dragOverDropzone && (jsx(Stack, { position: "absolute", top: 0, bottom: 0, left: 0, right: 0, justifyContent: "center", alignItems: "center", sx: { pointerEvents: "none" }, children: jsx(NoteAddIcon, { sx: { fontSize: 50 } }) })), jsx(FormHelperText, { error: meta.touched && meta.error, children: (meta.touched && meta.error) || helperText })] }), jsx(ErrorNotification, { open: showError, onClose: function () { return setShowError(false); }, message: errorMessage })] }));
+    return (jsxs(FieldWrapper, { icon: icon, showSpace: showSpace, children: [jsxs(FormControl, { fullWidth: true, sx: { position: "relative" }, children: [label && (jsx(FormLabel, { disabled: disabled, error: meta.touched && meta.error, children: label })), jsx("input", __assign({}, getInputProps())), jsx(DropIndicator, __assign({ multiple: multiple, dragOver: dragOverDropzone, disabled: disabled }, getRootProps(), { children: jsxs(Stack, { gap: 1, children: [values.length > 0 && (jsx(Box, { sx: { opacity: disabled ? 0.4 : 1 }, children: jsx(FileDisplay, { files: values !== null && values !== void 0 ? values : [], disableLink: true, allowDelete: !disabled, onDelete: removeFile }) })), (multiple || (values === null || values === void 0 ? void 0 : values.length) == 0) && (jsx(Button, { onClick: open, startIcon: jsx(AddIcon, {}), fullWidth: true, disabled: disabled, children: placeholder !== null && placeholder !== void 0 ? placeholder : "Add File".concat(multiple ? "s" : "") }))] }) })), dragOverDropzone && (jsx(Stack, { position: "absolute", top: 0, bottom: 0, left: 0, right: 0, justifyContent: "center", alignItems: "center", sx: { pointerEvents: "none" }, children: jsx(NoteAddIcon, { sx: { fontSize: 50 } }) })), jsx(FormHelperText, { error: meta.touched && meta.error, children: (meta.touched && meta.error) || helperText })] }), jsx(ErrorNotification, { open: showError, onClose: function () { return setShowError(false); }, message: errorMessage })] }));
 }
 
 function asInteger(value) {
@@ -5176,5 +5202,5 @@ function TabSet(_a) {
                     }) }) }), jsx(Panel, __assign({}, actualTab === null || actualTab === void 0 ? void 0 : actualTab.PanelProps, { children: actualTab === null || actualTab === void 0 ? void 0 : actualTab.content }))] }));
 }
 
-export { CheckboxFormField, CloseableDialog, ConfirmCancel, DateFormField, DateTimeFormField, EMAIL_REGEX, EditableBlock, ErrorMessage, ErrorNotification, ErrorOverlay, ExtendedPagination, ExtendedTable, FieldWrapper, FileDisplay, FileDropper, FileEditorField, LabeledValue, LoaderButton, MultiSelectFormField, POSTAL_CODE_REGEX, Panel, RadioFormField, SelectFormField, TabSet, TextFormField, asInteger, asPhoneNumber, isEmail, isPostalCode, sendDelete, sendFormDataPost, sendGet, sendPost, sendPut, useAsyncData, useAsyncDataCallback, useDebounce, useDebounceEffect, usePartialSetterState };
+export { CheckboxFormField, CloseableDialog, ConfirmCancel, DateFormField, DateTimeFormField, EMAIL_REGEX, EditableBlock, ErrorMessage, ErrorNotification, ErrorOverlay, ExtendedPagination, ExtendedTable, FieldWrapper, FileDisplay, FileDropper, FileEditorField, LabeledValue, LoaderButton, MultiSelectFormField, POSTAL_CODE_REGEX, Panel, RadioFormField, SelectFormField, TabSet, TextFormField, asInteger, asPhoneNumber, enableAuthRedirect, isEmail, isPostalCode, sendDelete, sendFormDataPost, sendGet, sendPost, sendPut, useAsyncData, useAsyncDataCallback, useDebounce, useDebounceEffect, usePartialSetterState };
 //# sourceMappingURL=index.es.js.map