@uxf/cms 13.0.3 → 14.1.0

package/forms/invite-user-form/invite-user-form.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InviteUserForm = InviteUserForm;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
 const form_1 = require("@uxf/form/form");
@@ -15,18 +16,175 @@ const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const widget_1 = require("../../ui/widget");
 function InviteUserForm(props) {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { defaultValues, ...formProps } = props;
+    const $ = (0, compiler_runtime_1.c)(44);
+    let defaultValues;
+    let formProps;
+    if ($[0] !== props) {
+        ({
+            defaultValues,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = defaultValues;
+        $[2] = formProps;
+    }
+    else {
+        defaultValues = $[1];
+        formProps = $[2];
+    }
     const t = (0, translations_1.useUxfTranslation)();
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues,
-    });
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "invite-user-form", ...formProps },
-        react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(button_1.Button, { isDisabled: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-invite-user-form:save"))), withDividers: true },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "E-mail", name: "email", type: "email" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:name"), name: "name" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:surname"), name: "surname" }),
-            react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:roles"), loadOptions: props.onLoadRoles, name: "roles" }),
-            react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: formApi.control, label: t("uxf-cms-invite-user-form:send-invitation"), name: "sendInvitation" }))));
+    let t0;
+    if ($[3] !== defaultValues) {
+        t0 = {
+            defaultValues
+        };
+        $[3] = defaultValues;
+        $[4] = t0;
+    }
+    else {
+        t0 = $[4];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
+    const t1 = formApi.formState.isSubmitting;
+    let t2;
+    if ($[5] !== t) {
+        t2 = t("uxf-cms-invite-user-form:save");
+        $[5] = t;
+        $[6] = t2;
+    }
+    else {
+        t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== formApi.formState.isSubmitting || $[8] !== t2) {
+        t3 = react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(button_1.Button, { isDisabled: t1, type: "submit" }, t2));
+        $[7] = formApi.formState.isSubmitting;
+        $[8] = t2;
+        $[9] = t3;
+    }
+    else {
+        t3 = $[9];
+    }
+    let t4;
+    if ($[10] !== formApi.control) {
+        t4 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "E-mail", name: "email", type: "email" });
+        $[10] = formApi.control;
+        $[11] = t4;
+    }
+    else {
+        t4 = $[11];
+    }
+    const t5 = formApi.control;
+    let t6;
+    if ($[12] !== t) {
+        t6 = t("uxf-cms-invite-user-form:name");
+        $[12] = t;
+        $[13] = t6;
+    }
+    else {
+        t6 = $[13];
+    }
+    let t7;
+    if ($[14] !== formApi.control || $[15] !== t6) {
+        t7 = react_1.default.createElement(text_input_1.TextInput, { control: t5, isRequired: true, label: t6, name: "name" });
+        $[14] = formApi.control;
+        $[15] = t6;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    const t8 = formApi.control;
+    let t9;
+    if ($[17] !== t) {
+        t9 = t("uxf-cms-invite-user-form:surname");
+        $[17] = t;
+        $[18] = t9;
+    }
+    else {
+        t9 = $[18];
+    }
+    let t10;
+    if ($[19] !== formApi.control || $[20] !== t9) {
+        t10 = react_1.default.createElement(text_input_1.TextInput, { control: t8, isRequired: true, label: t9, name: "surname" });
+        $[19] = formApi.control;
+        $[20] = t9;
+        $[21] = t10;
+    }
+    else {
+        t10 = $[21];
+    }
+    const t11 = formApi.control;
+    let t12;
+    if ($[22] !== t) {
+        t12 = t("uxf-cms-invite-user-form:roles");
+        $[22] = t;
+        $[23] = t12;
+    }
+    else {
+        t12 = $[23];
+    }
+    let t13;
+    if ($[24] !== formApi.control || $[25] !== props.onLoadRoles || $[26] !== t12) {
+        t13 = react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: t11, isRequired: true, label: t12, loadOptions: props.onLoadRoles, name: "roles" });
+        $[24] = formApi.control;
+        $[25] = props.onLoadRoles;
+        $[26] = t12;
+        $[27] = t13;
+    }
+    else {
+        t13 = $[27];
+    }
+    const t14 = formApi.control;
+    let t15;
+    if ($[28] !== t) {
+        t15 = t("uxf-cms-invite-user-form:send-invitation");
+        $[28] = t;
+        $[29] = t15;
+    }
+    else {
+        t15 = $[29];
+    }
+    let t16;
+    if ($[30] !== formApi.control || $[31] !== t15) {
+        t16 = react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: t14, label: t15, name: "sendInvitation" });
+        $[30] = formApi.control;
+        $[31] = t15;
+        $[32] = t16;
+    }
+    else {
+        t16 = $[32];
+    }
+    let t17;
+    if ($[33] !== t10 || $[34] !== t13 || $[35] !== t16 || $[36] !== t3 || $[37] !== t4 || $[38] !== t7) {
+        t17 = react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: t3, withDividers: true },
+            t4,
+            t7,
+            t10,
+            t13,
+            t16);
+        $[33] = t10;
+        $[34] = t13;
+        $[35] = t16;
+        $[36] = t3;
+        $[37] = t4;
+        $[38] = t7;
+        $[39] = t17;
+    }
+    else {
+        t17 = $[39];
+    }
+    let t18;
+    if ($[40] !== formApi || $[41] !== formProps || $[42] !== t17) {
+        t18 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "invite-user-form", ...formProps }, t17);
+        $[40] = formApi;
+        $[41] = formProps;
+        $[42] = t17;
+        $[43] = t18;
+    }
+    else {
+        t18 = $[43];
+    }
+    return t18;
 }

package/forms/login-form/login-form.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginForm = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
@@ -41,21 +42,129 @@ const button_1 = require("@uxf/ui/button");
 const text_link_1 = require("@uxf/ui/text-link");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const LoginForm = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { onForgottenPassword, ...formProps } = props;
+const LoginForm = props => {
+    const $ = (0, compiler_runtime_1.c)(31);
+    let formProps;
+    let onForgottenPassword;
+    if ($[0] !== props) {
+        ({
+            onForgottenPassword,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = formProps;
+        $[2] = onForgottenPassword;
+    }
+    else {
+        formProps = $[1];
+        onForgottenPassword = $[2];
+    }
     const t = (0, translations_1.useUxfTranslation)();
     const formApi = (0, react_hook_form_1.useForm)();
     const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setFormDisabled(false);
-    }, []);
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "login-form", ...formProps },
-        react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "email" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: t("uxf-cms-login-form:password"), name: "password", type: "password" }),
-            onForgottenPassword && (react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onForgottenPassword }, t("uxf-cms-login-form:forgot-password")))),
-            react_1.default.createElement(button_1.Button, { isFullWidth: true, type: "submit" }, t("uxf-cms-login-form:login")))));
+    let t0;
+    let t1;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = () => {
+            setFormDisabled(false);
+        };
+        t1 = [];
+        $[3] = t0;
+        $[4] = t1;
+    }
+    else {
+        t0 = $[3];
+        t1 = $[4];
+    }
+    (0, react_1.useEffect)(t0, t1);
+    let t2;
+    if ($[5] !== formApi.control || $[6] !== formDisabled) {
+        t2 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "email" });
+        $[5] = formApi.control;
+        $[6] = formDisabled;
+        $[7] = t2;
+    }
+    else {
+        t2 = $[7];
+    }
+    const t3 = formApi.control;
+    let t4;
+    if ($[8] !== t) {
+        t4 = t("uxf-cms-login-form:password");
+        $[8] = t;
+        $[9] = t4;
+    }
+    else {
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== formApi.control || $[11] !== formDisabled || $[12] !== t4) {
+        t5 = react_1.default.createElement(text_input_1.TextInput, { control: t3, isDisabled: formDisabled, isRequired: true, label: t4, name: "password", type: "password" });
+        $[10] = formApi.control;
+        $[11] = formDisabled;
+        $[12] = t4;
+        $[13] = t5;
+    }
+    else {
+        t5 = $[13];
+    }
+    let t6;
+    if ($[14] !== formApi.formState || $[15] !== onForgottenPassword || $[16] !== t) {
+        t6 = onForgottenPassword && react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onForgottenPassword }, t("uxf-cms-login-form:forgot-password")));
+        $[14] = formApi.formState;
+        $[15] = onForgottenPassword;
+        $[16] = t;
+        $[17] = t6;
+    }
+    else {
+        t6 = $[17];
+    }
+    let t7;
+    if ($[18] !== t) {
+        t7 = t("uxf-cms-login-form:login");
+        $[18] = t;
+        $[19] = t7;
+    }
+    else {
+        t7 = $[19];
+    }
+    let t8;
+    if ($[20] !== t7) {
+        t8 = react_1.default.createElement(button_1.Button, { isFullWidth: true, type: "submit" }, t7);
+        $[20] = t7;
+        $[21] = t8;
+    }
+    else {
+        t8 = $[21];
+    }
+    let t9;
+    if ($[22] !== t2 || $[23] !== t5 || $[24] !== t6 || $[25] !== t8) {
+        t9 = react_1.default.createElement("div", { className: "space-y-6" },
+            t2,
+            t5,
+            t6,
+            t8);
+        $[22] = t2;
+        $[23] = t5;
+        $[24] = t6;
+        $[25] = t8;
+        $[26] = t9;
+    }
+    else {
+        t9 = $[26];
+    }
+    let t10;
+    if ($[27] !== formApi || $[28] !== formProps || $[29] !== t9) {
+        t10 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "login-form", ...formProps }, t9);
+        $[27] = formApi;
+        $[28] = formProps;
+        $[29] = t9;
+        $[30] = t10;
+    }
+    else {
+        t10 = $[30];
+    }
+    return t10;
 };
 exports.LoginForm = LoginForm;

package/forms/renew-password-form/renew-password-form.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenewPasswordForm = RenewPasswordForm;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
@@ -41,22 +42,153 @@ const button_1 = require("@uxf/ui/button");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 function RenewPasswordForm(props) {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { defaultValues, ...formProps } = props;
+    const $ = (0, compiler_runtime_1.c)(38);
+    let defaultValues;
+    let formProps;
+    if ($[0] !== props) {
+        ({
+            defaultValues,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = defaultValues;
+        $[2] = formProps;
+    }
+    else {
+        defaultValues = $[1];
+        formProps = $[2];
+    }
     const t = (0, translations_1.useUxfTranslation)();
     const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues,
-    });
-    (0, react_1.useEffect)(() => {
-        setFormDisabled(false);
-    }, []);
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "renew-password-form", ...formProps },
-        react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: t("uxf-cms-renew-password-form:new-password"), name: "password", rules: props.passwordRules, type: "password" }),
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: t("uxf-cms-renew-password-form:new-password-again"), name: "passwordAgain", rules: {
-                    validate: (v) => v === formApi.getValues("password") ||
-                        t("uxf-cms-renew-password-form:passwords-must-match"),
-                }, type: "password" }),
-            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-renew-password-form:change-password")))));
+    let t0;
+    if ($[3] !== defaultValues) {
+        t0 = {
+            defaultValues
+        };
+        $[3] = defaultValues;
+        $[4] = t0;
+    }
+    else {
+        t0 = $[4];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
+    let t1;
+    let t2;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = () => {
+            setFormDisabled(false);
+        };
+        t2 = [];
+        $[5] = t1;
+        $[6] = t2;
+    }
+    else {
+        t1 = $[5];
+        t2 = $[6];
+    }
+    (0, react_1.useEffect)(t1, t2);
+    const t3 = formApi.control;
+    let t4;
+    if ($[7] !== t) {
+        t4 = t("uxf-cms-renew-password-form:new-password");
+        $[7] = t;
+        $[8] = t4;
+    }
+    else {
+        t4 = $[8];
+    }
+    let t5;
+    if ($[9] !== formApi.control || $[10] !== formDisabled || $[11] !== props.passwordRules || $[12] !== t4) {
+        t5 = react_1.default.createElement(text_input_1.TextInput, { control: t3, isDisabled: formDisabled, isRequired: true, label: t4, name: "password", rules: props.passwordRules, type: "password" });
+        $[9] = formApi.control;
+        $[10] = formDisabled;
+        $[11] = props.passwordRules;
+        $[12] = t4;
+        $[13] = t5;
+    }
+    else {
+        t5 = $[13];
+    }
+    const t6 = formApi.control;
+    let t7;
+    if ($[14] !== t) {
+        t7 = t("uxf-cms-renew-password-form:new-password-again");
+        $[14] = t;
+        $[15] = t7;
+    }
+    else {
+        t7 = $[15];
+    }
+    let t8;
+    if ($[16] !== formApi || $[17] !== t) {
+        t8 = {
+            validate: v => v === formApi.getValues("password") || t("uxf-cms-renew-password-form:passwords-must-match")
+        };
+        $[16] = formApi;
+        $[17] = t;
+        $[18] = t8;
+    }
+    else {
+        t8 = $[18];
+    }
+    let t9;
+    if ($[19] !== formApi.control || $[20] !== formDisabled || $[21] !== t7 || $[22] !== t8) {
+        t9 = react_1.default.createElement(text_input_1.TextInput, { control: t6, isDisabled: formDisabled, isRequired: true, label: t7, name: "passwordAgain", rules: t8, type: "password" });
+        $[19] = formApi.control;
+        $[20] = formDisabled;
+        $[21] = t7;
+        $[22] = t8;
+        $[23] = t9;
+    }
+    else {
+        t9 = $[23];
+    }
+    const t10 = formDisabled || formApi.formState.isSubmitting;
+    const t11 = formApi.formState.isSubmitting;
+    let t12;
+    if ($[24] !== t) {
+        t12 = t("uxf-cms-renew-password-form:change-password");
+        $[24] = t;
+        $[25] = t12;
+    }
+    else {
+        t12 = $[25];
+    }
+    let t13;
+    if ($[26] !== formApi.formState.isSubmitting || $[27] !== t10 || $[28] !== t12) {
+        t13 = react_1.default.createElement(button_1.Button, { isDisabled: t10, isFullWidth: true, isLoading: t11, type: "submit" }, t12);
+        $[26] = formApi.formState.isSubmitting;
+        $[27] = t10;
+        $[28] = t12;
+        $[29] = t13;
+    }
+    else {
+        t13 = $[29];
+    }
+    let t14;
+    if ($[30] !== t13 || $[31] !== t5 || $[32] !== t9) {
+        t14 = react_1.default.createElement("div", { className: "space-y-6" },
+            t5,
+            t9,
+            t13);
+        $[30] = t13;
+        $[31] = t5;
+        $[32] = t9;
+        $[33] = t14;
+    }
+    else {
+        t14 = $[33];
+    }
+    let t15;
+    if ($[34] !== formApi || $[35] !== formProps || $[36] !== t14) {
+        t15 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "renew-password-form", ...formProps }, t14);
+        $[34] = formApi;
+        $[35] = formProps;
+        $[36] = t14;
+        $[37] = t15;
+    }
+    else {
+        t15 = $[37];
+    }
+    return t15;
 }

package/lib/api/create-axios-instance.d.ts

@@ -1,6 +1,8 @@
 import axios, { AxiosRequestConfig } from "axios";
 export declare function createAxiosInstance(baseURL: string, requestConfig?: AxiosRequestConfig): {
     axiosInstance: axios.AxiosInstance;
-    axiosRequest: <Response>(ctx: any, url: string, method: axios.Method, body: object | null, query: object | null) => Promise<axios.AxiosResponse<Response, any, {}, any>>;
+    axiosRequest: <Response>(ctx: any, url: string, method: axios.Method, body: object | null, query: object | null, options?: {
+        signal?: AbortSignal;
+    }) => Promise<axios.AxiosResponse<Response, any, {}, any>>;
     useAxiosRequest: <Response extends Record<string, any> | boolean, RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null>(url: string, method: axios.Method, config: import("./types").RequestConfig<RequestBody, RequestQuery, RequestPath>) => [import("axios-hooks").ResponseValues<Response, any, any>, import("./types").Execute<Response, RequestBody, RequestQuery, RequestPath>];
 };

package/lib/api/create-axios-request.d.ts

@@ -1,3 +1,5 @@
 import { AxiosInstance, AxiosRequestConfig, Method } from "axios";
 /** @deprecated use swr */
-export declare const createAxiosRequest: (baseURL: string, axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response>(ctx: any, url: string, method: Method, body: object | null, query: object | null) => Promise<import("axios").AxiosResponse<Response, any, {}, any>>;
+export declare const createAxiosRequest: (baseURL: string, axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response>(ctx: any, url: string, method: Method, body: object | null, query: object | null, options?: {
+    signal?: AbortSignal;
+}) => Promise<import("axios").AxiosResponse<Response, any, {}, any>>;

package/lib/api/create-axios-request.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAxiosRequest = void 0;
 const qs_1 = require("@uxf/core/utils/qs");
+const axios_1 = require("axios");
 const bad_request_error_1 = require("../../errors/bad-request-error");
 const forbidden_error_1 = require("../../errors/forbidden-error");
 const network_error_1 = require("../../errors/network-error");
 const unauthorized_error_1 = require("../../errors/unauthorized-error");
 /** @deprecated use swr */
-const createAxiosRequest = (baseURL, axiosInstance, requestConfig) => (ctx, url, method, body, query) => {
-    var _a;
+const createAxiosRequest = (baseURL, axiosInstance, requestConfig) => (ctx, url, method, body, query, options) => {
+    var _a, _b;
     return axiosInstance
         .request({
         baseURL,
@@ -17,8 +18,14 @@ const createAxiosRequest = (baseURL, axiosInstance, requestConfig) => (ctx, url,
         url: query && Object.keys(query).length > 0 ? `${url}?${(0, qs_1.stringify)(query)}` : url,
         method,
         data: body,
+        signal: (_b = options === null || options === void 0 ? void 0 : options.signal) !== null && _b !== void 0 ? _b : requestConfig.signal,
     })
         .catch((error) => {
+        // An aborted request carries the request it sent and no response, which the branches below would
+        // report as a network failure.
+        if ((0, axios_1.isCancel)(error)) {
+            throw error;
+        }
         if (error.response) {
             if (error.response.status === 400) {
                 throw new bad_request_error_1.BadRequestError(error.response.data);

package/lib/api/create-axios-request.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/api/create-axios-request.test.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const axios_1 = require("axios");
+const network_error_1 = require("../../errors/network-error");
+const create_axios_request_1 = require("./create-axios-request");
+function createInstance(request) {
+    return { request };
+}
+test("passes the abort signal on to axios", async () => {
+    var _a, _b;
+    const request = jest.fn(() => Promise.resolve({ data: [] }));
+    const controller = new AbortController();
+    await (0, create_axios_request_1.createAxiosRequest)("", createInstance(request), {})(null, "/api/x", "get", null, null, {
+        signal: controller.signal,
+    });
+    expect((_b = (_a = request.mock.calls.at(0)) === null || _a === void 0 ? void 0 : _a.at(0)) === null || _b === void 0 ? void 0 : _b.signal).toBe(controller.signal);
+});
+test("rejects a cancelled request as cancelled, not as a network error", async () => {
+    // As axios rejects an aborted request: with the request it sent, which the error mapping took for a request
+    // that got no response.
+    const request = jest.fn(() => Promise.reject(new axios_1.CanceledError(undefined, undefined, {})));
+    const result = (0, create_axios_request_1.createAxiosRequest)("", createInstance(request), {})(null, "/api/x", "get", null, null);
+    await expect(result).rejects.toBeInstanceOf(axios_1.CanceledError);
+    await expect(result).rejects.not.toBeInstanceOf(network_error_1.NetworkError);
+});
+test("keeps a signal configured on the instance when the call passes none", async () => {
+    var _a, _b;
+    const request = jest.fn(() => Promise.resolve({ data: [] }));
+    const controller = new AbortController();
+    await (0, create_axios_request_1.createAxiosRequest)("", createInstance(request), { signal: controller.signal })(null, "/api/x", "get", null, null);
+    expect((_b = (_a = request.mock.calls.at(0)) === null || _a === void 0 ? void 0 : _a.at(0)) === null || _b === void 0 ? void 0 : _b.signal).toBe(controller.signal);
+});