@dreamcommerce/aurora 2.1.10-4 → 2.1.10-6

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js

@@ -0,0 +1,90 @@
+import { useState, useEffect } from 'react';
+import { useTranslation } from '../../../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { SCROLL_FETCH_TIMEOUT_IN_MS } from '../xhr_select_constants.js';
+import { XhrSelectResponseParser } from '../xhr_select_response_parser.js';
+
+const useXhrSelect = ({ url, fetchClient, onScroll }) => {
+    const [selectorData, setSelectorData] = useState();
+    const [errors, setErrors] = useState({});
+    const [isFetchingInitialData, setIsFetchingInitialData] = useState(true);
+    const [scrollTimer, setScrollTimer] = useState();
+    const [t] = useTranslation();
+    const xhrSelectResponseParser = new XhrSelectResponseParser();
+    const loadDataOnScroll = (event) => {
+        onScroll && onScroll(event);
+        if ((selectorData === null || selectorData === void 0 ? void 0 : selectorData.page) === (selectorData === null || selectorData === void 0 ? void 0 : selectorData.pages))
+            return;
+        const $target = event.target;
+        const maxScroll = $target.scrollHeight - $target.getBoundingClientRect().height;
+        if (maxScroll !== $target.scrollTop || !selectorData) {
+            resetScrollTimerAndError();
+            return;
+        }
+        setScrollTimer(Number(setTimeout(() => {
+            fetchXhrData({
+                url: `${url}?page=${selectorData.page + 1}`,
+                handleData: (extraLoadedSelectorData) => {
+                    const newSelectorData = {
+                        ...selectorData,
+                        page: extraLoadedSelectorData.page,
+                        list: [...selectorData.list, ...extraLoadedSelectorData.list]
+                    };
+                    throw new Error();
+                },
+                handleCatchErrors: () => {
+                    setErrors({
+                        ...errors,
+                        fetchError: t('Failed to load')
+                    });
+                }
+            });
+        }, SCROLL_FETCH_TIMEOUT_IN_MS)));
+    };
+    const resetScrollTimerAndError = () => {
+        clearTimeout(scrollTimer);
+        setScrollTimer(undefined);
+        setErrors({
+            ...errors,
+            scrollError: ''
+        });
+    };
+    useEffect(() => {
+        fetchXhrData({
+            url: `${url}?show-recent=1`,
+            handleData: (initialSelectorData) => {
+                setSelectorData(initialSelectorData);
+                setIsFetchingInitialData(false);
+            },
+            handleCatchErrors: () => {
+                setErrors({
+                    ...errors,
+                    fetchError: t('Failed to load data. Please refresh the page and try again.')
+                });
+            }
+        });
+        return () => {
+            fetchClient.makeCancelable().cancelRequest();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [url]);
+    const fetchXhrData = ({ url, handleData, handleCatchErrors }) => {
+        fetchClient
+            .fetch({ method: 'get', url })
+            .then((selectorDataResponseDTO) => {
+            const selectorData = xhrSelectResponseParser.parse(selectorDataResponseDTO.data);
+            handleData(selectorData);
+        })
+            .catch(() => {
+            handleCatchErrors && handleCatchErrors();
+        });
+    };
+    return {
+        selectorData,
+        errors,
+        isFetchingInitialData,
+        loadDataOnScroll
+    };
+};
+
+export { useXhrSelect };
+//# sourceMappingURL=use_xhr_select.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,0EAA8E;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { AxiosClient } from '@dreamcommerce/star_core';
+import { TBaseHttpSelectorErrors } from '../types/xhr_select_types';
+import { TBaseXhrSelectItemsWebapiList } from '../types/xhr_select_http_types';
+export declare type TFetchXhrData = {
+    url: string;
+    handleData: (selectorData: TBaseXhrSelectItemsWebapiList) => void;
+    handleCatchErrors?: () => void;
+};
+export declare type TUseXhrSelectProps = {
+    url: string;
+    fetchClient: AxiosClient;
+    onScroll?: (event: React.UIEvent<HTMLElement>) => void;
+};
+export declare type TUseXhrSelect = {
+    selectorData?: TBaseXhrSelectItemsWebapiList;
+    errors: TBaseHttpSelectorErrors;
+    isFetchingInitialData: boolean;
+    loadDataOnScroll: (event: React.UIEvent<HTMLElement>) => void;
+};

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_types.js

@@ -0,0 +1,4 @@
+import '@dreamcommerce/star_core';
+import '../types/xhr_select_types';
+import '../types/xhr_select_http_types';
+//# sourceMappingURL=use_xhr_select_types.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_xhr_select_types.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_types.ts"],"names":[],"mappings":"AAAA,OAA4B,0BAA0B,CAAC;AACvD,OAAwC,2BAA2B,CAAC;AACpE,OAA8C,gCAAgC,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/types/xhr_select_http_types.d.ts

@@ -0,0 +1,13 @@
+import { TWebapiList } from "../../../../../typings/general";
+export declare type TBaseXhrSelectListItemDTO = {
+    id: string;
+    isActive: boolean;
+    label: string;
+};
+export declare type TBaseXhrSelectListItem = TBaseXhrSelectListItemDTO;
+export declare type TBaseXhrSelectItemsWebapiListDTO = TWebapiList<TBaseXhrSelectListItemDTO> & {
+    recent?: TBaseXhrSelectListItemDTO[];
+};
+export declare type TBaseXhrSelectItemsWebapiList = TWebapiList<TBaseXhrSelectListItem> & {
+    recent?: TBaseXhrSelectListItem[];
+};

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/types/xhr_select_http_types.js

@@ -0,0 +1,2 @@
+import '@auroraTypings/general';
+//# sourceMappingURL=xhr_select_http_types.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/types/xhr_select_http_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_select_http_types.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/dropdown/hoc/xhr_select/types/xhr_select_http_types.ts"],"names":[],"mappings":"AAAA,OAA4B,wBAAwB,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/types/xhr_select_types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AxiosClient } from '@dreamcommerce/star_core';
+import { TBaseXhrSelectListItem } from './xhr_select_http_types';
+export declare type TBaseHttpSelectorProps = {
+    headerTitle: string;
+    url: string;
+    noItemsErrorMessage: string;
+    onScroll?: (event: React.UIEvent<HTMLElement>) => void;
+    fetchClient?: AxiosClient;
+};
+export declare type TBaseHttpSelectorErrors = {
+    fetchError?: string;
+    scrollError?: string;
+};
+export declare type TBaseXhrSelectData = {
+    list: TBaseXhrSelectListItem[];
+    recent?: TBaseXhrSelectListItem[];
+};

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/types/xhr_select_types.js

@@ -0,0 +1,3 @@
+import '@dreamcommerce/star_core';
+import './xhr_select_http_types';
+//# sourceMappingURL=xhr_select_types.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/types/xhr_select_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_select_types.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/dropdown/hoc/xhr_select/types/xhr_select_types.ts"],"names":[],"mappings":"AAAA,OAA4B,0BAA0B,CAAC;AACvD,OAAuC,yBAAyB,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.d.ts

@@ -0,0 +1,3 @@
+import { TBaseHttpSelectorProps } from './types/xhr_select_types';
+import React from 'react';
+export declare const XhrSelect: React.FC<TBaseHttpSelectorProps>;

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import cssClasses from '../../../../css/dropdown/main.module.less.js';
+import ControlSelect from '../../../controls/hoc/control_select/index.js';
+import MessageBox from '../../../message-box/index.js';
+import IconWarning from '../../../../assets/icon_warning.js';
+import Loader from '../../../loader/index.js';
+import { AxiosClient } from '../../../../../../star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js';
+import { cssSelectError, cssSelectErrorIcon } from './css_classes.js';
+import { LATEST_HEADER_NAME } from './xhr_select_constants.js';
+import { useXhrSelect } from './hooks/use_xhr_select.js';
+
+const XhrSelect = ({ url, headerTitle, noItemsErrorMessage, onScroll, fetchClient = new AxiosClient(), ...props }) => {
+    const { selectorData, errors, isFetchingInitialData, loadDataOnScroll } = useXhrSelect({ url, fetchClient });
+    const [t] = useTranslation();
+    const mapSelectorDataToSelectOptions = (selectorData) => {
+        const recentSelectorOptions = selectorData.recent
+            ? [
+                {
+                    text: t(LATEST_HEADER_NAME),
+                    isHeader: true,
+                    value: ''
+                },
+                ...listToSelectOptionsParser(selectorData.recent, true)
+            ]
+            : [];
+        const newOptions = [
+            ...recentSelectorOptions,
+            {
+                text: headerTitle,
+                isHeader: true,
+                value: ''
+            },
+            ...listToSelectOptionsParser(selectorData.list)
+        ];
+        return newOptions;
+    };
+    const listToSelectOptionsParser = (selectorItemsList, isRecent = false) => selectorItemsList.map((selectorItem) => ({
+        value: `${isRecent ? 'recent-' : ''}${selectorItem.id}`,
+        text: `${selectorItem.label} ${!selectorItem.isActive ? `(${t('nieaktywna')})` : ''}`
+    }));
+    if (errors.fetchError)
+        return React.createElement(MessageBox, { type: "alert" }, errors.fetchError);
+    if (isFetchingInitialData)
+        return (React.createElement("div", null,
+            React.createElement(Loader, null),
+            t('Loading'),
+            "..."));
+    if (!(selectorData === null || selectorData === void 0 ? void 0 : selectorData.list.length))
+        return React.createElement(MessageBox, { type: "alert" }, noItemsErrorMessage);
+    return (React.createElement(ControlSelect, { ...props, isWithSearch: true, options: mapSelectorDataToSelectOptions(selectorData), onScroll: loadDataOnScroll, innerAdditionalContent: React.createElement(React.Fragment, null,
+            errors.scrollError && (React.createElement("div", { className: cssClasses[cssSelectError] },
+                React.createElement(IconWarning, { className: cssClasses[cssSelectErrorIcon] }),
+                errors.scrollError)),
+            (selectorData === null || selectorData === void 0 ? void 0 : selectorData.page) !== (selectorData === null || selectorData === void 0 ? void 0 : selectorData.pages) && !errors.scrollError && (React.createElement(React.Fragment, null,
+                React.createElement(Loader, null),
+                t('Loading'),
+                "..."))) }));
+};
+// X skąd wziąć abortującego fetcha?
+// X cofanie requestów w useEffectie
+// napisz ręcznie w storybooku xhr selecta
+// popraw error message dla scrollErrora
+// napisz testy jednostkowe
+// dopisz obsługę searcha (debounce)
+// wyczyść kod
+// handleData to średnia nazwa w fetchXhrdata
+
+export { XhrSelect };
+//# sourceMappingURL=xhr_select.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,uEAA2E;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LATEST_HEADER_NAME = "latest";
+export declare const SCROLL_FETCH_TIMEOUT_IN_MS = 400;

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_constants.js

@@ -0,0 +1,5 @@
+const LATEST_HEADER_NAME = 'latest';
+const SCROLL_FETCH_TIMEOUT_IN_MS = 400;
+
+export { LATEST_HEADER_NAME, SCROLL_FETCH_TIMEOUT_IN_MS };
+//# sourceMappingURL=xhr_select_constants.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_mapper.d.ts

@@ -0,0 +1,4 @@
+import { TBaseXhrSelectListItem, TBaseXhrSelectListItemDTO } from './types/xhr_select_http_types';
+export declare class XhrSelectMapper {
+    toModel(dto: TBaseXhrSelectListItemDTO): TBaseXhrSelectListItem;
+}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_mapper.js

@@ -0,0 +1,12 @@
+class XhrSelectMapper {
+    toModel(dto) {
+        return {
+            id: dto.id,
+            label: dto.label,
+            isActive: dto.isActive
+        };
+    }
+}
+
+export { XhrSelectMapper };
+//# sourceMappingURL=xhr_select_mapper.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_mapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_response_parser.d.ts

@@ -0,0 +1,6 @@
+import { TBaseXhrSelectItemsWebapiList, TBaseXhrSelectItemsWebapiListDTO } from './types/xhr_select_http_types';
+export declare class XhrSelectResponseParser {
+    #private;
+    constructor();
+    parse(xhrSelectListDTO: TBaseXhrSelectItemsWebapiListDTO): TBaseXhrSelectItemsWebapiList;
+}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_response_parser.js

@@ -0,0 +1,24 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../../../external/tslib/tslib.es6.js';
+import { XhrSelectMapper } from './xhr_select_mapper.js';
+
+var _XhrSelectResponseParser_xhrSelectMapper;
+class XhrSelectResponseParser {
+    constructor() {
+        _XhrSelectResponseParser_xhrSelectMapper.set(this, void 0);
+        __classPrivateFieldSet(this, _XhrSelectResponseParser_xhrSelectMapper, new XhrSelectMapper(), "f");
+    }
+    parse(xhrSelectListDTO) {
+        var _a;
+        const list = xhrSelectListDTO.list.map((xhrSelectBaseItemDTO) => __classPrivateFieldGet(this, _XhrSelectResponseParser_xhrSelectMapper, "f").toModel(xhrSelectBaseItemDTO));
+        const recent = (_a = xhrSelectListDTO.recent) === null || _a === void 0 ? void 0 : _a.map((xhrSelectBaseItemDTO) => __classPrivateFieldGet(this, _XhrSelectResponseParser_xhrSelectMapper, "f").toModel(xhrSelectBaseItemDTO));
+        return {
+            ...xhrSelectListDTO,
+            list,
+            recent
+        };
+    }
+}
+_XhrSelectResponseParser_xhrSelectMapper = new WeakMap();
+
+export { XhrSelectResponseParser };
+//# sourceMappingURL=xhr_select_response_parser.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select_response_parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,kDAAsD;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n  display: flex;\n  align-items: center;\n  color: #e60c54;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n  fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  transform: translateY(-25%) rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
-var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n  display: flex;\n  align-items: center;\n  color: #e60c54;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n  fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  transform: translateY(-25%) rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_select__error__35ns4 {\n  color: red;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
+var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","select__error":"main-module_select__error__35ns4","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
 styleInject(css_248z);
 
 export default cssClasses;

package/build/esm/packages/aurora/src/index.d.ts

@@ -80,6 +80,7 @@ import Tag from "./components/tag";
 import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
 import WithLoader from "./components/with_loader";
+import { XhrSelect } from "./components/dropdown/hoc/xhr_select/xhr_select";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
 /**
@@ -88,7 +89,7 @@ import { useFlashMessenger } from "./components/flash_messenger/context";
 /**
  * export components
  */
-export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, ContentTabsWrapper, ContentTabs, ContentTabsItem, ContentTabsItemList, ContentTabsPanel, ContentTabsPanelList, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconWarning };
+export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, ContentTabsWrapper, ContentTabs, ContentTabsItem, ContentTabsItemList, ContentTabsPanel, ContentTabsPanelList, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconWarning, XhrSelect };
 /**
  * export types
  */

package/build/esm/packages/aurora/src/index.js

@@ -56,4 +56,5 @@ export { default as RelativeModal } from './components/modal/hoc/relative_modal/
 export { default as Spacing } from './components/spacing/index.js';
 export { default as Tooltip } from './components/tooltip/index.js';
 export { default as WithLoader } from './components/with_loader/index.js';
+export { XhrSelect } from './components/dropdown/hoc/xhr_select/xhr_select.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/typings/general.d.ts

@@ -2,3 +2,9 @@ import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
 export declare type EnumLiteralsOf<T extends object> = T[keyof T];
 export declare type THorizontalPosition = EnumLiteralsOf<typeof HORIZONTAL_POSITION>;
 export declare type TVerticalPosition = EnumLiteralsOf<typeof VERTICAL_POSITION>;
+export declare type TWebapiList<T> = {
+    pages: number;
+    page: number;
+    count: number;
+    list: T[];
+};

package/build/esm/packages/star_core/build/esm/external/axios/index.js

@@ -0,0 +1,6 @@
+import axios_1 from './lib/axios.js';
+
+var axios = axios_1;
+
+export default axios;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/star_core/build/esm/external/axios/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/star_core/build/esm/external/axios/lib/adapters/xhr.js

@@ -0,0 +1,213 @@
+import utils from '../utils.js';
+import Cancel_1 from '../cancel/Cancel.js';
+import buildURL from '../helpers/buildURL.js';
+import createError from '../core/createError.js';
+import settle from '../core/settle.js';
+import cookies from '../helpers/cookies.js';
+import buildFullPath from '../core/buildFullPath.js';
+import parseHeaders from '../helpers/parseHeaders.js';
+import isURLSameOrigin from '../helpers/isURLSameOrigin.js';
+import defaults_1 from '../defaults.js';
+
+var xhr = function xhrAdapter(config) {
+  return new Promise(function dispatchXhrRequest(resolve, reject) {
+    var requestData = config.data;
+    var requestHeaders = config.headers;
+    var responseType = config.responseType;
+    var onCanceled;
+    function done() {
+      if (config.cancelToken) {
+        config.cancelToken.unsubscribe(onCanceled);
+      }
+
+      if (config.signal) {
+        config.signal.removeEventListener('abort', onCanceled);
+      }
+    }
+
+    if (utils.isFormData(requestData)) {
+      delete requestHeaders['Content-Type']; // Let the browser set it
+    }
+
+    var request = new XMLHttpRequest();
+
+    // HTTP basic authentication
+    if (config.auth) {
+      var username = config.auth.username || '';
+      var password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : '';
+      requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
+    }
+
+    var fullPath = buildFullPath(config.baseURL, config.url);
+    request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
+
+    // Set the request timeout in MS
+    request.timeout = config.timeout;
+
+    function onloadend() {
+      if (!request) {
+        return;
+      }
+      // Prepare the response
+      var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
+      var responseData = !responseType || responseType === 'text' ||  responseType === 'json' ?
+        request.responseText : request.response;
+      var response = {
+        data: responseData,
+        status: request.status,
+        statusText: request.statusText,
+        headers: responseHeaders,
+        config: config,
+        request: request
+      };
+
+      settle(function _resolve(value) {
+        resolve(value);
+        done();
+      }, function _reject(err) {
+        reject(err);
+        done();
+      }, response);
+
+      // Clean up request
+      request = null;
+    }
+
+    if ('onloadend' in request) {
+      // Use onloadend if available
+      request.onloadend = onloadend;
+    } else {
+      // Listen for ready state to emulate onloadend
+      request.onreadystatechange = function handleLoad() {
+        if (!request || request.readyState !== 4) {
+          return;
+        }
+
+        // The request errored out and we didn't get a response, this will be
+        // handled by onerror instead
+        // With one exception: request that using file: protocol, most browsers
+        // will return status as 0 even though it's a successful request
+        if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
+          return;
+        }
+        // readystate handler is calling before onerror or ontimeout handlers,
+        // so we should call onloadend on the next 'tick'
+        setTimeout(onloadend);
+      };
+    }
+
+    // Handle browser request cancellation (as opposed to a manual cancellation)
+    request.onabort = function handleAbort() {
+      if (!request) {
+        return;
+      }
+
+      reject(createError('Request aborted', config, 'ECONNABORTED', request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle low level network errors
+    request.onerror = function handleError() {
+      // Real errors are hidden from us by the browser
+      // onerror should only fire if it's a network error
+      reject(createError('Network Error', config, null, request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Handle timeout
+    request.ontimeout = function handleTimeout() {
+      var timeoutErrorMessage = config.timeout ? 'timeout of ' + config.timeout + 'ms exceeded' : 'timeout exceeded';
+      var transitional = config.transitional || defaults_1.transitional;
+      if (config.timeoutErrorMessage) {
+        timeoutErrorMessage = config.timeoutErrorMessage;
+      }
+      reject(createError(
+        timeoutErrorMessage,
+        config,
+        transitional.clarifyTimeoutError ? 'ETIMEDOUT' : 'ECONNABORTED',
+        request));
+
+      // Clean up request
+      request = null;
+    };
+
+    // Add xsrf header
+    // This is only done if running in a standard browser environment.
+    // Specifically not if we're in a web worker, or react-native.
+    if (utils.isStandardBrowserEnv()) {
+      // Add xsrf header
+      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
+        cookies.read(config.xsrfCookieName) :
+        undefined;
+
+      if (xsrfValue) {
+        requestHeaders[config.xsrfHeaderName] = xsrfValue;
+      }
+    }
+
+    // Add headers to the request
+    if ('setRequestHeader' in request) {
+      utils.forEach(requestHeaders, function setRequestHeader(val, key) {
+        if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
+          // Remove Content-Type if data is undefined
+          delete requestHeaders[key];
+        } else {
+          // Otherwise add header to the request
+          request.setRequestHeader(key, val);
+        }
+      });
+    }
+
+    // Add withCredentials to request if needed
+    if (!utils.isUndefined(config.withCredentials)) {
+      request.withCredentials = !!config.withCredentials;
+    }
+
+    // Add responseType to request if needed
+    if (responseType && responseType !== 'json') {
+      request.responseType = config.responseType;
+    }
+
+    // Handle progress if needed
+    if (typeof config.onDownloadProgress === 'function') {
+      request.addEventListener('progress', config.onDownloadProgress);
+    }
+
+    // Not all browsers support upload events
+    if (typeof config.onUploadProgress === 'function' && request.upload) {
+      request.upload.addEventListener('progress', config.onUploadProgress);
+    }
+
+    if (config.cancelToken || config.signal) {
+      // Handle cancellation
+      // eslint-disable-next-line func-names
+      onCanceled = function(cancel) {
+        if (!request) {
+          return;
+        }
+        reject(!cancel || (cancel && cancel.type) ? new Cancel_1('canceled') : cancel);
+        request.abort();
+        request = null;
+      };
+
+      config.cancelToken && config.cancelToken.subscribe(onCanceled);
+      if (config.signal) {
+        config.signal.aborted ? onCanceled() : config.signal.addEventListener('abort', onCanceled);
+      }
+    }
+
+    if (!requestData) {
+      requestData = null;
+    }
+
+    // Send the request
+    request.send(requestData);
+  });
+};
+
+export default xhr;
+//# sourceMappingURL=xhr.js.map