xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components-core/StandaloneExtensionManager.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * This class allows external component libraries to add their components to
- * the xmlui component registry. The framework resolves the components used
- * in an application markup with this registry.
- */
-class StandaloneExtensionManager {
-    constructor() {
-        this.subscriptions = new Set();
-        this.registeredExtensions = [];
-    }
-    /**
-     * You can add a callback function invoked whenever a new component is added
-     * to the registry. When you register a new callback function, the component
-     * manager automatically invokes it for all components already in the
-     * registry.
-     * @param cb Function to call when a new component is registered
-     */
-    subscribeToRegistrations(cb) {
-        this.subscriptions.add(cb);
-        this.registeredExtensions.forEach((component) => {
-            cb(component);
-        });
-    }
-    /**
-     * You can remove a function added by `subscribeToRegistrations`. After
-     * calling this method, the particular callback function won't be invoked
-     * for a new component registration.
-     * @param cb Function to call when a new component is registered
-     */
-    unSubscribeFromRegistrations(cb) {
-        this.subscriptions.delete(cb);
-    }
-    registerExtension(component) {
-        (Array.isArray(component) ? component : [component]).forEach((component) => {
-            this.registeredExtensions.push(component);
-            this.subscriptions.forEach((cb) => {
-                cb(component);
-            });
-        });
-    }
-}
-exports.default = StandaloneExtensionManager;

package/dist/scripts/src/components-core/TableOfContentsContext.js

@@ -1,168 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableOfContentsContext = void 0;
-exports.TableOfContentsProvider = TableOfContentsProvider;
-exports.useTableOfContents = useTableOfContents;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const hooks_1 = require("./utils/hooks");
-const react_2 = require("@remix-run/react");
-const constants_1 = require("./constants");
-const AppContext_1 = require("./AppContext");
-/**
- * Several components work together to represent the hierarchy of a particular
- * app page as a TOC. This React component provides a context for storing this
- * hierarchy information.
- */
-exports.TableOfContentsContext = (0, react_1.createContext)(null);
-/**
- * This provider component injects the specified children into the TOC context.
- */
-function TableOfContentsProvider({ children }) {
-    var _a, _b;
-    const [headings, setHeadings] = (0, react_1.useState)(constants_1.EMPTY_OBJECT);
-    const [callbacks, setCallbacks] = (0, react_1.useState)(constants_1.EMPTY_ARRAY);
-    const observer = (0, react_1.useRef)(null);
-    const { forceRefreshAnchorScroll } = (0, AppContext_1.useAppContext)();
-    const thisRef = (0, react_1.useRef)({
-        suspendPositionBasedSetActiveId: false,
-    });
-    const scrollParent = (0, hooks_1.useScrollParent)((_b = (_a = Object.values(headings)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.anchor);
-    (0, hooks_1.useScrollEventHandler)(scrollParent, {
-        onScrollEnd: (0, react_1.useCallback)(() => {
-            thisRef.current.suspendPositionBasedSetActiveId = false;
-        }, []),
-    });
-    const [activeAnchorId, setActiveAnchorId] = (0, react_1.useState)(null);
-    const notify = (0, react_1.useCallback)((id) => {
-        callbacks.forEach((cb) => cb(id));
-        setActiveAnchorId(id);
-    }, [callbacks]);
-    (0, react_1.useEffect)(() => {
-        if (callbacks.length) {
-            const handleObserver = (entries) => {
-                entries.forEach((entry) => {
-                    if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) {
-                        if (!thisRef.current.suspendPositionBasedSetActiveId) {
-                            notify(entry.target.id);
-                        }
-                    }
-                });
-            };
-            // stolen from nextra: https://github.com/shuding/nextra/blob/3729f67059f1fbdd3f98125bebabbe568c918694/packages/nextra-theme-docs/src/mdx-components/heading-anchor.client.tsx
-            // let headerHeight = getComputedStyle(scrollParent || document.body).getPropertyValue(
-            //   '--header-abs-height'
-            // );
-            observer.current = new IntersectionObserver(handleObserver, {
-                rootMargin: `0% 0% -80%`,
-                // root: scrollParent,
-                // threshold: [0, 1],
-            });
-            Object.values(headings).forEach((elem) => { var _a, _b; return (_b = (_a = observer === null || observer === void 0 ? void 0 : observer.current) === null || _a === void 0 ? void 0 : _a.observe) === null || _b === void 0 ? void 0 : _b.call(_a, elem.anchor); });
-            return () => { var _a; return (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect(); };
-        }
-    }, [callbacks.length, headings, notify, scrollParent]);
-    const registerHeading = (0, react_1.useCallback)((headingItem) => {
-        setHeadings((prevHeadings) => {
-            return Object.assign(Object.assign({}, prevHeadings), { [headingItem.id]: headingItem });
-        });
-        return () => {
-            setHeadings((prevHeadings) => {
-                const newHeadings = Object.assign({}, prevHeadings);
-                delete newHeadings[headingItem.id];
-                return newHeadings;
-            });
-        };
-    }, []);
-    const navigate = (0, react_2.useNavigate)();
-    const scrollToAnchor = (0, react_1.useCallback)((id, smoothScrolling) => {
-        const value = headings[id];
-        if (value) {
-            thisRef.current.suspendPositionBasedSetActiveId = true;
-            value.anchor.scrollIntoView({
-                block: "start",
-                inline: "start",
-                behavior: smoothScrolling ? "smooth" : "auto",
-            });
-            notify(id);
-            requestAnimationFrame(() => {
-                navigate({
-                    hash: `#${value.id}`,
-                }, {
-                    state: {
-                        preventHashScroll: true,
-                    },
-                });
-                //we clear the preventHashScroll route state:  https://stackoverflow.com/questions/72121228/how-to-update-location-state-in-react-router-v6
-                requestAnimationFrame(() => {
-                    navigate({
-                        hash: `#${value.id}`,
-                    }, { replace: true });
-                });
-            });
-        }
-    }, [headings, navigate, notify]);
-    const sortedHeadings = (0, react_1.useMemo)(() => {
-        return Object.values(headings).sort(function (a, b) {
-            if (a.anchor === b.anchor)
-                return 0;
-            if (a.anchor.compareDocumentPosition(b.anchor) & Node.DOCUMENT_POSITION_PRECEDING) {
-                // b comes before a
-                return 1;
-            }
-            return -1;
-        });
-    }, [headings]);
-    //the content could take time to load, this way we try to force the scroll to anchor mechanism to kick in
-    const hasHeadings = sortedHeadings.length > 0;
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        if (hasHeadings) {
-            forceRefreshAnchorScroll();
-        }
-    }, [forceRefreshAnchorScroll, hasHeadings]);
-    const subscribeToActiveAnchorChange = (0, react_1.useCallback)((cb) => {
-        setCallbacks((prev) => {
-            return [...prev, cb];
-        });
-        return () => {
-            setCallbacks((prev) => {
-                return prev.filter((item) => item !== cb);
-            });
-        };
-    }, []);
-    const contextValue = (0, react_1.useMemo)(() => {
-        return {
-            registerHeading,
-            headings: sortedHeadings,
-            scrollToAnchor,
-            subscribeToActiveAnchorChange,
-            hasTableOfContents: callbacks.length > 0,
-            activeAnchorId
-        };
-    }, [
-        registerHeading,
-        sortedHeadings,
-        scrollToAnchor,
-        subscribeToActiveAnchorChange,
-        callbacks.length,
-        activeAnchorId,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(exports.TableOfContentsContext.Provider, { value: contextValue, children: children }));
-}
-function useTableOfContents() {
-    const context = (0, react_1.useContext)(exports.TableOfContentsContext);
-    if (!context) {
-        throw new Error(`The TableOfContents component can only be used inside a Page component.
-    <App>
-        <Pages>
-          <Page url="/">
-            <Heading>Harry Potter and the Sorcerer's Stone</Heading>
-            <TableOfContents />
-          </Page>
-        </Pages>
-    </App>
-    
-    `);
-    }
-    return context;
-}

package/dist/scripts/src/components-core/abstractions/ComponentRenderer.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components-core/abstractions/LoaderRenderer.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components-core/abstractions/standalone.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components-core/abstractions/treeAbstractions.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components-core/action/APICall.js

@@ -1,284 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.apiAction = void 0;
-exports.callApi = callApi;
-const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
-const immer_1 = require("immer");
-const actionUtils_1 = require("../utils/actionUtils");
-const extractParam_1 = require("../utils/extractParam");
-const misc_1 = require("../utils/misc");
-const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
-const actions_1 = require("./actions");
-function findQueryKeysToUpdate(updates, queryClient) {
-    const queryKeysToUpdate = [];
-    if (updates) {
-        let updatesArray;
-        if (Array.isArray(updates)) {
-            updatesArray = updates;
-        }
-        else {
-            updatesArray = [updates];
-        }
-        updatesArray.forEach((queryUrl) => {
-            queryClient
-                .getQueryCache()
-                .getAll()
-                .forEach((query) => {
-                if (query.queryKey[0] === queryUrl) {
-                    queryKeysToUpdate.push(query.queryKey);
-                }
-            });
-        });
-    }
-    return queryKeysToUpdate;
-}
-function prepareOptimisticValue(value, clientTxId) {
-    return Object.assign(Object.assign({}, value), { id: value.id || clientTxId, _optimisticValue: true, _initiatorClientTxId: clientTxId });
-}
-function prepareOptimisticValuesForQueries(queryKeys, queryClient, clientTxId, stateContext, resolvedOptimisticValue, optimisticValueGetter) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const ret = new Map();
-        yield Promise.all(queryKeys.map((queryKey) => __awaiter(this, void 0, void 0, function* () {
-            if (resolvedOptimisticValue) {
-                ret.set(queryKey, prepareOptimisticValue(resolvedOptimisticValue, clientTxId));
-                return;
-            }
-            if (!optimisticValueGetter) {
-                return;
-            }
-            const currentData = queryClient.getQueryData(queryKey);
-            const flatData = (currentData === null || currentData === void 0 ? void 0 : currentData.pages)
-                ? currentData.pages.flatMap((page) => page)
-                : currentData;
-            const optimisticValue = yield optimisticValueGetter(flatData, stateContext["$param"]);
-            if (optimisticValue) {
-                ret.set(queryKey, prepareOptimisticValue(optimisticValue, clientTxId));
-            }
-        })));
-        return ret;
-    });
-}
-function doOptimisticUpdate(optimisticValuesByQueryKeys, queryClient) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!optimisticValuesByQueryKeys.size) {
-            return;
-        }
-        for (const entry of optimisticValuesByQueryKeys.entries()) {
-            const [key, optimisticValue] = entry;
-            yield queryClient.cancelQueries({ queryKey: key });
-            const oldData = queryClient.getQueryData(key);
-            const draft = (0, immer_1.createDraft)(oldData);
-            if (draft.pages) {
-                let updated = false;
-                draft.pages.forEach((page) => {
-                    page.forEach((item) => {
-                        if (item.id === optimisticValue.id) {
-                            Object.assign(item, optimisticValue);
-                            updated = true;
-                        }
-                    });
-                });
-                if (!updated) {
-                    draft.pages[draft.pages.length - 1].push(optimisticValue);
-                }
-            }
-            else {
-                let updated = false;
-                draft.forEach((item) => {
-                    if (item.id === optimisticValue.id) {
-                        Object.assign(item, optimisticValue);
-                        updated = true;
-                    }
-                });
-                if (!updated) {
-                    draft.push(optimisticValue);
-                }
-            }
-            const newData = (0, immer_1.finishDraft)(draft);
-            queryClient.setQueryData(key, newData);
-            // console.log("optimistic added", { finalOptimisticValue, newData });
-        }
-    });
-}
-function updateQueriesWithResult(queryKeysToUpdate, optimisticValuesByQueryKeys, clientTxId, queryClient, result) {
-    if (!queryKeysToUpdate.length) {
-        return;
-    }
-    queryKeysToUpdate.forEach((key) => {
-        const oldData = queryClient.getQueryData(key);
-        const draft = (0, immer_1.createDraft)(oldData);
-        const optimisticValue = optimisticValuesByQueryKeys.get(key);
-        if (draft.pages) {
-            //pageable loader
-            if (optimisticValue) {
-                draft.pages[draft.pages.length - 1] = draft.pages[draft.pages.length - 1].map((item) => item.id === optimisticValue.id && item._initiatorClientTxId === clientTxId
-                    ? result || Object.assign(Object.assign({}, item), { _optimisticValue: undefined, _initiatorClientTxId: undefined })
-                    : item);
-            }
-            else {
-                let updated = false;
-                draft.pages.forEach((page) => {
-                    page === null || page === void 0 ? void 0 : page.forEach((item) => {
-                        if (item.id === (result === null || result === void 0 ? void 0 : result.id)) {
-                            Object.assign(item, result);
-                            updated = true;
-                        }
-                    });
-                });
-                if (!updated && result) {
-                    draft.pages[draft.pages.length - 1].push(result);
-                }
-            }
-        }
-        else {
-            if (optimisticValue) {
-                draft.forEach((item, index) => {
-                    if (item.id === optimisticValue.id && item._initiatorClientTxId === clientTxId) {
-                        draft[index] = result || Object.assign(Object.assign({}, item), { _optimisticValue: undefined, _initiatorClientTxId: undefined });
-                    }
-                });
-            }
-            else {
-                let updated = false;
-                draft.forEach((item, index) => {
-                    if (item.id === result.id) {
-                        draft[index] = result || Object.assign(Object.assign({}, item), { _optimisticValue: undefined, _initiatorClientTxId: undefined });
-                        updated = true;
-                    }
-                });
-                if (!updated && result) {
-                    draft.push(result);
-                }
-            }
-        }
-        const newData = (0, immer_1.finishDraft)(draft);
-        queryClient.setQueryData(key, newData);
-    });
-}
-function updateQueriesWithOptimisticValue(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ stateContext, updates, appContext, queryClient, clientTxId, optimisticValue, lookupAction, getOptimisticValue, uid, }) {
-        const queryKeysToUpdate = findQueryKeysToUpdate((0, extractParam_1.extractParam)(stateContext, updates, appContext), queryClient);
-        const optimisticValuesByQueryKeys = yield prepareOptimisticValuesForQueries(queryKeysToUpdate, queryClient, clientTxId, stateContext, (0, extractParam_1.extractParam)(stateContext, optimisticValue, appContext), lookupAction(getOptimisticValue, uid));
-        yield doOptimisticUpdate(optimisticValuesByQueryKeys, queryClient);
-        return { queryKeysToUpdate, optimisticValuesByQueryKeys };
-    });
-}
-function callApi(_a, _b) {
-    return __awaiter(this, arguments, void 0, function* ({ state, appContext, lookupAction, getCurrentState, apiInstance }, { confirmTitle, confirmMessage, confirmButtonLabel, params = {}, onBeforeRequest, onSuccess, onError, invalidates, updates, optimisticValue, payloadType, when, getOptimisticValue, inProgressNotificationMessage, completedNotificationMessage, errorNotificationMessage, uid: actionUid, onProgress, 
-    //operation
-    headers, url, queryParams, rawBody, method, body, }, { resolveBindingExpressions } = {}) {
-        const uid = typeof actionUid === "symbol" ? actionUid : Symbol(actionUid);
-        const stateContext = Object.assign(Object.assign({}, state), params);
-        if (!(0, extractParam_1.shouldKeep)(when, stateContext, appContext)) {
-            return;
-        }
-        if (confirmTitle || confirmMessage || confirmButtonLabel) {
-            const title = (0, extractParam_1.extractParam)(stateContext, confirmTitle, appContext);
-            const message = (0, extractParam_1.extractParam)(stateContext, confirmMessage, appContext);
-            const buttonLabel = (0, extractParam_1.extractParam)(stateContext, confirmButtonLabel, appContext);
-            const dialogCheck = yield appContext.confirm(title !== null && title !== void 0 ? title : "Confirm Operation", message !== null && message !== void 0 ? message : "Are you sure you want to perform this operation?", buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : "Yes");
-            if (!dialogCheck)
-                return;
-        }
-        const resolvedInvalidates = (0, extractParam_1.extractParam)(stateContext, invalidates, appContext);
-        const clientTxId = (0, misc_1.randomUUID)();
-        const beforeRequestFn = lookupAction(onBeforeRequest, uid);
-        const beforeRequestResult = yield (beforeRequestFn === null || beforeRequestFn === void 0 ? void 0 : beforeRequestFn());
-        if (typeof beforeRequestResult === "boolean" && beforeRequestResult === false) {
-            return;
-        }
-        const { queryKeysToUpdate, optimisticValuesByQueryKeys } = yield updateQueriesWithOptimisticValue({
-            stateContext,
-            updates,
-            appContext,
-            queryClient: appContext.queryClient,
-            clientTxId,
-            optimisticValue,
-            lookupAction,
-            getOptimisticValue,
-            uid,
-        });
-        const inProgressMessage = (0, extractParam_1.extractParam)(stateContext, inProgressNotificationMessage, appContext);
-        let loadingToastId;
-        if (inProgressMessage) {
-            loadingToastId = react_hot_toast_1.default.loading(inProgressMessage);
-        }
-        try {
-            const operation = {
-                headers,
-                url,
-                queryParams,
-                rawBody,
-                method,
-                body,
-                payloadType,
-            };
-            const _onProgress = lookupAction(onProgress, uid, {
-                eventName: "progress",
-            });
-            const result = yield new RestApiProxy_1.default(appContext, apiInstance).execute({
-                operation,
-                params: stateContext,
-                transactionId: clientTxId,
-                resolveBindingExpressions,
-                onProgress: _onProgress,
-            });
-            const onSuccessFn = lookupAction(onSuccess, uid, {
-                eventName: "success",
-                context: getCurrentState()
-            });
-            yield (onSuccessFn === null || onSuccessFn === void 0 ? void 0 : onSuccessFn(result, stateContext["$param"]));
-            updateQueriesWithResult(queryKeysToUpdate, optimisticValuesByQueryKeys, clientTxId, appContext.queryClient, result);
-            if (resolvedInvalidates || !updates) {
-                yield (0, actionUtils_1.invalidateQueries)(resolvedInvalidates, appContext, state);
-            }
-            const completedMessage = (0, extractParam_1.extractParam)(Object.assign(Object.assign({}, stateContext), { $result: result }), completedNotificationMessage, appContext);
-            if (completedMessage) {
-                react_hot_toast_1.default.success(completedMessage, {
-                    id: loadingToastId,
-                });
-            }
-            else if (loadingToastId) {
-                react_hot_toast_1.default.dismiss(loadingToastId);
-            }
-            return result;
-        }
-        catch (e) {
-            if (optimisticValuesByQueryKeys.size) {
-                yield appContext.queryClient.invalidateQueries();
-            }
-            const onErrorFn = lookupAction(onError, uid, {
-                eventName: "error",
-            });
-            const result = yield (onErrorFn === null || onErrorFn === void 0 ? void 0 : onErrorFn(e, stateContext["$param"]));
-            const errorMessage = (0, extractParam_1.extractParam)(Object.assign(Object.assign({}, stateContext), { $error: e }), errorNotificationMessage, appContext);
-            if (errorMessage) {
-                react_hot_toast_1.default.error(errorMessage, {
-                    id: loadingToastId,
-                });
-            }
-            else {
-                if (loadingToastId) {
-                    react_hot_toast_1.default.dismiss(loadingToastId);
-                }
-                if (result !== false) {
-                    //stop the error propagation, if the error handler returns false
-                    throw e;
-                }
-            }
-        }
-    });
-}
-exports.apiAction = (0, actions_1.createAction)("callApi", callApi);

package/dist/scripts/src/components-core/action/FileDownloadAction.js

@@ -1,80 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.downloadAction = void 0;
-const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
-const actions_1 = require("./actions");
-function download(_a, _b) {
-    return __awaiter(this, arguments, void 0, function* ({ state, appContext }, { params, url, queryParams, method, rawBody, body, fileName, headers, }, { resolveBindingExpressions } = {}) {
-        var _c;
-        const context = Object.assign(Object.assign({}, params), state);
-        const operation = {
-            url,
-            queryParams,
-            method,
-            rawBody,
-            body,
-            fileName,
-            headers,
-        };
-        const api = new RestApiProxy_1.default(appContext);
-        const _url = api.resolveUrl({ operation, params: context, resolveBindingExpressions });
-        if ((operation.method && operation.method.toLowerCase() !== "get") ||
-            Object.keys(((_c = appContext.appGlobals) === null || _c === void 0 ? void 0 : _c.headers) || {}).length !== 0 || //if we have any headers for the api, we can't use the iframe trick
-            appContext.apiInterceptorContext.isMocked(_url) //if we mock this url, the mock can't work in an iframe, so we must fall back to download it with the restApiProxy
-        ) {
-            const file = yield api.execute({
-                operation,
-                params: context,
-                parseOptions: {
-                    asFile: true,
-                },
-                resolveBindingExpressions,
-            });
-            downloadWithAnchor(file);
-        }
-        else {
-            downloadInIframe(_url);
-        }
-    });
-}
-//we use a hidden iframe trick here,
-// we set the iframe source as the download url, this way the browser will ask to download the file, and show a progress bar
-// (we could use an anchor tag with a download attribute, but in this case we can't show progress )
-// we can use it if we don't have to add extra headers to the request in order to download a file (pre-signed urls, or public urls)
-function downloadInIframe(fileUrl) {
-    const iframe = document.createElement("iframe");
-    iframe.style.display = "none";
-    iframe.hidden = true;
-    iframe.name = fileUrl;
-    iframe.id = `download-iframe_${fileUrl}`;
-    iframe.src = fileUrl;
-    document.body.appendChild(iframe);
-    setTimeout(() => {
-        iframe.remove();
-    }, 20000);
-}
-// we can use it if we do have to add extra headers to the request in order to download a file (urls require authentication)
-function downloadWithAnchor(file) {
-    const url = window.URL.createObjectURL(file);
-    const a = document.createElement("a");
-    a.style.display = "none";
-    a.href = url;
-    // the filename you want
-    a.download = file.name;
-    document.body.appendChild(a);
-    a.click();
-    window.URL.revokeObjectURL(url);
-}
-exports.downloadAction = (0, actions_1.createAction)("download", download);