@steroidsjs/core 2.2.75 → 2.2.78

package/actions/list.js

@@ -0,0 +1,309 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.toggleAll = exports.toggleItem = exports.update = exports.add = exports.listDestroy = exports.listRefresh = exports.listLazyFetch = exports.listFetch = exports.listSetLayout = exports.listSetItems = exports.listInit = exports.localFetchHandler = exports.httpFetchHandler = exports.LIST_SET_LAYOUT = exports.LIST_TOGGLE_ALL = exports.LIST_TOGGLE_ITEM = exports.LIST_DESTROY = exports.LIST_ITEM_UPDATE = exports.LIST_ITEM_ADD = exports.LIST_AFTER_FETCH = exports.LIST_BEFORE_FETCH = exports.LIST_SET_ITEMS = exports.LIST_INIT = void 0;
+var get_1 = __importDefault(require("lodash-es/get"));
+var isArray_1 = __importDefault(require("lodash-es/isArray"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var orderBy_1 = __importDefault(require("lodash-es/orderBy"));
+var trimStart_1 = __importDefault(require("lodash-es/trimStart"));
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var isNil_1 = __importDefault(require("lodash-es/isNil"));
+var form_1 = require("../reducers/form");
+var form_2 = require("../actions/form");
+var data_1 = require("../utils/data");
+exports.LIST_INIT = '@list/init';
+exports.LIST_SET_ITEMS = '@list/set_items';
+exports.LIST_BEFORE_FETCH = '@list/before_fetch';
+exports.LIST_AFTER_FETCH = '@list/after_fetch';
+exports.LIST_ITEM_ADD = '@list/item_add';
+exports.LIST_ITEM_UPDATE = '@list/item_update';
+exports.LIST_DESTROY = '@list/destroy';
+exports.LIST_TOGGLE_ITEM = '@list/toggle_item';
+exports.LIST_TOGGLE_ALL = '@list/toggle_all';
+exports.LIST_SET_LAYOUT = '@list/set_layout';
+//const STORAGE_LAYOUT_KEY_PREFIX = 'listLayout_';
+var lazyTimers = {};
+var createList = function (listId, props) { return ({
+    action: props.action || props.action === '' ? props.action : null,
+    actionMethod: props.actionMethod || 'get',
+    onFetch: props.onFetch,
+    condition: props.condition,
+    scope: props.scope,
+    total: props.total || null,
+    items: null,
+    sourceItems: props.items || null,
+    isRemote: !props.items,
+    loadMore: props._pagination.loadMore,
+    primaryKey: props.primaryKey,
+    listId: listId,
+    formId: get_1["default"](props, 'searchForm.formId') || listId,
+    pageAttribute: get_1["default"](props, '_pagination.attribute') || null,
+    pageSizeAttribute: get_1["default"](props, '_paginationSize.attribute') || null,
+    sortAttribute: get_1["default"](props, '_sort.attribute') || null,
+    layoutAttribute: get_1["default"](props, '_layout.attribute') || null
+}); };
+var httpFetchHandler = function (list, query, _a) {
+    var api = _a.api, http = _a.http;
+    if (typeof list.action === 'function') {
+        var params = __assign({}, query);
+        if (list.scope) {
+            params.scope = list.scope.join(',');
+        }
+        return list.action(api, params).then(function (response) { return response.data; });
+    }
+    var url = list.action;
+    if (list.scope) {
+        url
+            += (url.indexOf('?') !== -1 ? '&' : '?') + 'scope=' + list.scope.join(',');
+    }
+    return http
+        .send(list.actionMethod, url || window.location.pathname, query)
+        .then(function (response) { return response.data; });
+};
+exports.httpFetchHandler = httpFetchHandler;
+var localFetchHandler = function (list, query) {
+    query = __assign({}, query);
+    // Get page
+    var page = parseInt(query[list.pageAttribute], 10) || null;
+    delete query[list.pageAttribute];
+    // Get page size
+    var pageSize = parseInt(query[list.pageSizeAttribute], 10) || null;
+    delete query[list.pageSizeAttribute];
+    // Get sort
+    var sort = query[list.sortAttribute] ? [].concat(query[list.sortAttribute]) : null;
+    delete query[list.sortAttribute];
+    // Delete layout param
+    delete query[list.layoutAttribute];
+    var items = [].concat(list.sourceItems || []);
+    // Remove null or undefined values from query
+    Object.keys(query).forEach(function (key) {
+        if (isNil_1["default"](query[key])) {
+            delete query[key];
+        }
+    });
+    // Filter items
+    if (!isEmpty_1["default"](query)) {
+        items = data_1.filterItems(items, list.condition
+            ? (isFunction_1["default"](list.condition) ? list.condition(query) : list.condition)
+            : query);
+    }
+    var total = items.length;
+    // Pagination
+    if (page && pageSize) {
+        var startIndex = (page - 1) * pageSize;
+        items = items.slice(startIndex, startIndex + pageSize);
+    }
+    // Sort
+    if (sort) {
+        items = orderBy_1["default"](items, sort.map(function (key) { return trimStart_1["default"](key, '-'); }), sort.map(function (key) { return key.indexOf('-') === 0 ? 'desc' : 'asc'; }));
+    }
+    if (isEqual_1["default"](list.items, items)) {
+        items = list.items;
+    }
+    return {
+        items: items,
+        total: total
+    };
+};
+exports.localFetchHandler = localFetchHandler;
+/**
+ * Init list
+ * @param listId
+ * @param payload
+ */
+var listInit = function (listId, payload) { return ({
+    type: exports.LIST_INIT,
+    payload: payload
+}); };
+exports.listInit = listInit;
+var listSetItems = function (listId, items) { return ({
+    type: exports.LIST_SET_ITEMS,
+    listId: listId,
+    items: items
+}); };
+exports.listSetItems = listSetItems;
+var listSetLayout = function (listId, layoutName) { return ({
+    type: exports.LIST_SET_LAYOUT,
+    listId: listId,
+    layoutName: layoutName
+}); };
+exports.listSetLayout = listSetLayout;
+/*export const initSSR = (listId, props) => (dispatch, getState, {http, clientStorage}) => {
+    const state = getState()
+    const stateList = _get(state, ['list', 'lists', listId]);
+    const list = {
+        ...createList(listId, props, clientStorage),
+        ...stateList
+    };
+    if ((!list.action && list.action !== '') || list.items) {
+        if (!stateList) {
+            return dispatch({
+                ...list,
+                type: LIST_INIT
+            });
+        }
+        return;
+    }
+    const onFetch = list.onFetch || httpFetchHandler;
+    return dispatch(
+        onFetch(list, VALUES, http).then(data => ({
+            ...list,
+            ...data,
+            type: LIST_INIT
+        }))
+    );
+};*/
+/**
+ * Update query values and send request
+ * @param listId
+ * @param query
+ */
+var listFetch = function (listId, query) {
+    if (query === void 0) { query = {}; }
+    return function (dispatch, getState, components) {
+        var state = getState();
+        var list = get_1["default"](state, ['list', 'lists', listId]);
+        if (!list || (list.isRemote && !list.action && list.action !== '')) {
+            return [];
+        }
+        var toDispatch = [];
+        var formValues = form_1.formSelector(state, list.formId, function (_a) {
+            var values = _a.values;
+            return values;
+        }) || {};
+        var onFetch = list.onFetch || (list.isRemote ? exports.httpFetchHandler : exports.localFetchHandler);
+        // Change query
+        Object.keys(query || {}).forEach(function (key) {
+            formValues[key] = query[key];
+            toDispatch.push(form_2.formChange(list.formId, key, query[key]));
+        });
+        if (list.isRemote) {
+            // Set `Loading...`
+            toDispatch.push({
+                listId: listId,
+                type: exports.LIST_BEFORE_FETCH
+            });
+        }
+        // Send request
+        toDispatch.push(Promise.resolve(onFetch(list, formValues, components)).then(function (data) {
+            // Skip on empty
+            if (!data) {
+                return [];
+            }
+            // Check list is not destroy
+            if (!getState().list.lists[listId]) {
+                return [];
+            }
+            if (isArray_1["default"](data)) {
+                data = {
+                    items: data,
+                    total: data.length,
+                    meta: null
+                };
+            }
+            return [
+                // Check has errors
+                form_2.formSetErrors(list.formId, data.errors || null),
+                {
+                    items: data.items || [],
+                    total: data.total || null,
+                    meta: data.meta || null,
+                    page: formValues[list.pageAttribute],
+                    pageSize: formValues[list.pageSizeAttribute],
+                    listId: listId,
+                    type: exports.LIST_AFTER_FETCH
+                },
+            ];
+        }));
+        return dispatch(toDispatch);
+    };
+};
+exports.listFetch = listFetch;
+/**
+ * Lazy update query values and send request
+ * @param listId
+ * @param query
+ */
+var listLazyFetch = function (listId, query) {
+    if (query === void 0) { query = {}; }
+    return function (dispatch) {
+        if (lazyTimers[listId]) {
+            clearTimeout(lazyTimers[listId]);
+        }
+        lazyTimers[listId] = setTimeout(function () { return dispatch(exports.listFetch(listId, query)); }, 200);
+    };
+};
+exports.listLazyFetch = listLazyFetch;
+/**
+ * Send request with same query
+ * @param listId
+ */
+var listRefresh = function (listId) { return exports.listFetch(listId); };
+exports.listRefresh = listRefresh;
+/**
+ * Destroy list (remove from redux state)
+ * @param listId
+ */
+var listDestroy = function (listId) {
+    if (lazyTimers[listId]) {
+        clearTimeout(lazyTimers[listId]);
+    }
+    return {
+        listId: listId,
+        type: exports.LIST_DESTROY
+    };
+};
+exports.listDestroy = listDestroy;
+var add = function (listId, item) { return ({
+    item: item,
+    listId: listId,
+    type: exports.LIST_ITEM_ADD
+}); };
+exports.add = add;
+var update = function (listId, item, condition) { return ({
+    item: item,
+    condition: condition,
+    listId: listId,
+    type: exports.LIST_ITEM_UPDATE
+}); };
+exports.update = update;
+var toggleItem = function (listId, itemId) { return ({
+    listId: listId,
+    itemId: itemId,
+    type: exports.LIST_TOGGLE_ITEM
+}); };
+exports.toggleItem = toggleItem;
+var toggleAll = function (listId) { return ({
+    listId: listId,
+    type: exports.LIST_TOGGLE_ALL
+}); };
+exports.toggleAll = toggleAll;
+// TODO local storage save?
+/*export const setLayoutName = (listId, layoutName) => (
+    dispatch,
+    getState,
+    {clientStorage}
+) => {
+    clientStorage.set(STORAGE_LAYOUT_KEY_PREFIX + listId, layoutName);
+    return dispatch({
+        listId,
+        layoutName,
+        type: LIST_SET_LAYOUT
+    });
+};
+*/

package/actions/modal.d.ts

@@ -0,0 +1,21 @@
+import { IModalProps } from '../ui/modal/Modal/Modal';
+export declare const MODAL_OPEN = "@modal/open";
+export declare const MODAL_MARK_CLOSING = "@modal/markClosing";
+export declare const MODAL_CLOSE = "@modal/close";
+export declare const openModal: (modal: any, props?: IModalProps) => {
+    type: string;
+    id: any;
+    modal: any;
+    group: any;
+    props: IModalProps;
+};
+export declare const modalMarkClosing: (id: any, group?: any) => {
+    type: string;
+    id: any;
+    group: any;
+};
+export declare const closeModal: (id: any, group?: any) => {
+    type: string;
+    id: any;
+    group: any;
+};

package/actions/modal.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.closeModal = exports.modalMarkClosing = exports.openModal = exports.MODAL_CLOSE = exports.MODAL_MARK_CLOSING = exports.MODAL_OPEN = void 0;
+var uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
+exports.MODAL_OPEN = '@modal/open';
+exports.MODAL_MARK_CLOSING = '@modal/markClosing';
+exports.MODAL_CLOSE = '@modal/close';
+var openModal = function (modal, props) {
+    if (props === void 0) { props = {}; }
+    var id = props ? props.modalId : null;
+    if (!id) {
+        modal._modalId = modal._modalId || uniqueId_1["default"]('modal');
+        id = modal._modalId;
+    }
+    return {
+        type: exports.MODAL_OPEN,
+        id: id,
+        modal: modal,
+        group: props.modalGroup || null,
+        props: props
+    };
+};
+exports.openModal = openModal;
+var modalMarkClosing = function (id, group) {
+    if (group === void 0) { group = null; }
+    return ({
+        type: exports.MODAL_MARK_CLOSING,
+        id: id,
+        group: group
+    });
+};
+exports.modalMarkClosing = modalMarkClosing;
+var closeModal = function (id, group) {
+    if (group === void 0) { group = null; }
+    return ({
+        type: exports.MODAL_CLOSE,
+        id: id,
+        group: group
+    });
+};
+exports.closeModal = closeModal;

package/actions/notifications.d.ts

@@ -0,0 +1,13 @@
+export declare const NOTIFICATIONS_SHOW = "NOTIFICATIONS_SHOW";
+export declare const NOTIFICATIONS_CLOSING = "NOTIFICATIONS_CLOSING";
+export declare const NOTIFICATIONS_CLOSE = "NOTIFICATIONS_CLOSE";
+export interface IShowNotificationParameters {
+    position?: 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left' | string;
+    timeOut?: number;
+}
+export declare const closeNotification: (id?: any) => {
+    type: string;
+    id: any;
+};
+export declare const showNotification: (message: string, level?: ColorName, params?: IShowNotificationParameters) => (dispatch: any) => void;
+export declare const setFlashes: (flashes: any) => ((dispatch: any) => void)[][];

package/actions/notifications.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.setFlashes = exports.showNotification = exports.closeNotification = exports.NOTIFICATIONS_CLOSE = exports.NOTIFICATIONS_CLOSING = exports.NOTIFICATIONS_SHOW = void 0;
+var uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
+exports.NOTIFICATIONS_SHOW = 'NOTIFICATIONS_SHOW';
+exports.NOTIFICATIONS_CLOSING = 'NOTIFICATIONS_CLOSING';
+exports.NOTIFICATIONS_CLOSE = 'NOTIFICATIONS_CLOSE';
+var showNotificationDefaults = {
+    position: 'top-right',
+    timeOut: 10000
+};
+var closeNotification = function (id) {
+    if (id === void 0) { id = null; }
+    return ({
+        type: exports.NOTIFICATIONS_CLOSE,
+        id: id
+    });
+};
+exports.closeNotification = closeNotification;
+var showNotification = function (message, level, params) {
+    if (level === void 0) { level = null; }
+    if (params === void 0) { params = showNotificationDefaults; }
+    return function (dispatch) {
+        var _a = params, position = _a.position, timeOut = _a.timeOut;
+        var id = uniqueId_1["default"]();
+        dispatch({ type: exports.NOTIFICATIONS_SHOW, id: id, message: message, level: level || 'success', position: position });
+        if (timeOut > 0) {
+            setTimeout(function () { return dispatch(exports.closeNotification(id)); }, timeOut);
+        }
+    };
+};
+exports.showNotification = showNotification;
+var setFlashes = function (flashes) { return Object.keys(flashes).map(function (level) { return []
+    .concat(flashes[level] || [])
+    .map(function (message) { return exports.showNotification(message, level); }); }); };
+exports.setFlashes = setFlashes;

package/actions/router.d.ts

@@ -0,0 +1,15 @@
+export declare const ROUTER_INIT_ROUTES = "ROUTER_INIT_ROUTES";
+export declare const ROUTER_SET_PARAMS = "ROUTER_SET_PARAMS";
+export declare const ROUTER_SET_DATA = "ROUTER_SET_DATA";
+export declare const initRoutes: (routes: any) => {
+    type: string;
+    routes: any;
+};
+export declare const initParams: (params: any) => {
+    type: string;
+    params: any;
+};
+export declare const goToRoute: (routeId: any, params?: any, isReplace?: boolean) => (dispatch: any, getState: any, { store }: {
+    store: any;
+}) => any;
+export declare const goToParent: (level?: number) => (dispatch: any, getState: any) => any;

package/actions/router.js

@@ -0,0 +1,51 @@
+"use strict";
+exports.__esModule = true;
+exports.goToParent = exports.goToRoute = exports.initParams = exports.initRoutes = exports.ROUTER_SET_DATA = exports.ROUTER_SET_PARAMS = exports.ROUTER_INIT_ROUTES = void 0;
+var connected_react_router_1 = require("connected-react-router");
+exports.ROUTER_INIT_ROUTES = 'ROUTER_INIT_ROUTES';
+exports.ROUTER_SET_PARAMS = 'ROUTER_SET_PARAMS';
+exports.ROUTER_SET_DATA = 'ROUTER_SET_DATA';
+var initRoutes = function (routes) { return ({
+    type: exports.ROUTER_INIT_ROUTES,
+    routes: routes
+}); };
+exports.initRoutes = initRoutes;
+var initParams = function (params) { return ({
+    type: exports.ROUTER_SET_PARAMS,
+    params: params
+}); };
+exports.initParams = initParams;
+var goToRoute = function (routeId, params, isReplace) {
+    if (params === void 0) { params = null; }
+    if (isReplace === void 0) { isReplace = false; }
+    return function (dispatch, getState, _a) {
+        var store = _a.store;
+        if (process.env.PLATFORM === 'mobile') {
+            store.navigationNative.navigate(routeId, params);
+            return [];
+        }
+        var getRouteProp = require('../reducers/router').getRouteProp;
+        var buildUrl = require('../reducers/router').buildUrl;
+        var path = getRouteProp(getState(), routeId, 'path');
+        var method = isReplace ? connected_react_router_1.replace : connected_react_router_1.push;
+        return dispatch(method(buildUrl(path, params)));
+    };
+};
+exports.goToRoute = goToRoute;
+var goToParent = function (level) {
+    if (level === void 0) { level = 1; }
+    return function (dispatch, getState) {
+        var getRouteParent = require('../reducers/router').getRouteParent;
+        var getRouteParams = require('../reducers/router').getRouteParams;
+        var state = getState();
+        var params = getRouteParams(state);
+        var parentRoute = getRouteParent(state, null, level);
+        var parentRouteId = parentRoute ? parentRoute.id : null;
+        var parentRouteParams = parentRoute ? params : null;
+        if (parentRouteId) {
+            return dispatch(exports.goToRoute(parentRouteId, parentRouteParams));
+        }
+        return [];
+    };
+};
+exports.goToParent = goToParent;

package/actions/screen.d.ts

@@ -0,0 +1,7 @@
+export declare const SCREEN_SET_WIDTH = "SCREEN_SET_WIDTH";
+export declare const SCREEN_SET_MEDIA = "SCREEN_SET_MEDIA";
+export declare const setMedia: (media: any) => {
+    type: string;
+    media: any;
+};
+export declare const setWidth: (width: any, skipTimeout?: boolean) => (dispatch: any) => any;

package/actions/screen.js

@@ -0,0 +1,33 @@
+"use strict";
+exports.__esModule = true;
+exports.setWidth = exports.setMedia = exports.SCREEN_SET_MEDIA = exports.SCREEN_SET_WIDTH = void 0;
+exports.SCREEN_SET_WIDTH = 'SCREEN_SET_WIDTH';
+exports.SCREEN_SET_MEDIA = 'SCREEN_SET_MEDIA';
+var setMedia = function (media) { return ({
+    type: exports.SCREEN_SET_MEDIA,
+    media: media
+}); };
+exports.setMedia = setMedia;
+var timer = null;
+var setWidth = function (width, skipTimeout) {
+    if (skipTimeout === void 0) { skipTimeout = false; }
+    return function (dispatch) {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        if (skipTimeout) {
+            return dispatch({
+                type: exports.SCREEN_SET_WIDTH,
+                width: width
+            });
+        }
+        timer = setTimeout(function () {
+            dispatch({
+                type: exports.SCREEN_SET_WIDTH,
+                width: width
+            });
+        }, 100);
+        return null;
+    };
+};
+exports.setWidth = setWidth;

package/base/Enum.d.ts

@@ -0,0 +1,11 @@
+export default class Enum {
+    static getLabels(): {};
+    static getKeys(): string[];
+    static getLabel(id: any): any;
+    static getCssClasses(): {};
+    static getCssClass(id: any): any;
+    static getDropdownItems(): {
+        label: unknown;
+        id: string;
+    }[];
+}

package/base/Enum.js

@@ -0,0 +1,32 @@
+"use strict";
+exports.__esModule = true;
+var Enum = /** @class */ (function () {
+    function Enum() {
+    }
+    Enum.getLabels = function () {
+        return {};
+    };
+    Enum.getKeys = function () {
+        return Object.keys(this.getLabels());
+    };
+    Enum.getLabel = function (id) {
+        return this.getLabels()[id] || '';
+    };
+    Enum.getCssClasses = function () {
+        return {};
+    };
+    Enum.getCssClass = function (id) {
+        return this.getCssClasses()[id] || '';
+    };
+    Enum.getDropdownItems = function () {
+        return Object.entries(this.getLabels()).map(function (_a) {
+            var id = _a[0], label = _a[1];
+            return ({
+                label: label,
+                id: id
+            });
+        });
+    };
+    return Enum;
+}());
+exports["default"] = Enum;

package/components/ApiComponent.d.ts

@@ -0,0 +1,23 @@
+export interface IApiSendConfig {
+    method?: HttpMethod;
+    url?: string;
+    params?: Record<string, unknown>;
+}
+export declare type IApiMethod = (api: any, params?: Record<string, unknown>, options?: Record<string, unknown>) => Promise<any>;
+export interface IApiRest {
+    index?: IApiMethod;
+    create?: IApiMethod;
+    update?: IApiMethod;
+    delete?: IApiMethod;
+    view?: IApiMethod;
+    [key: string]: IApiMethod;
+}
+/**
+ * Http Component
+ * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
+ */
+export default class ApiComponent {
+    _components: any;
+    constructor(components: any);
+    send(config: IApiSendConfig): Promise<any>;
+}

package/components/ApiComponent.js

@@ -0,0 +1,75 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+/**
+ * Http Component
+ * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
+ */
+var ApiComponent = /** @class */ (function () {
+    function ApiComponent(components) {
+        this._components = components;
+    }
+    ApiComponent.prototype.send = function (config) {
+        return __awaiter(this, void 0, void 0, function () {
+            var method, params, url;
+            return __generator(this, function (_a) {
+                method = config.method || 'get';
+                params = __assign({}, config.params);
+                url = config.url.replace(/{([0-9a-z_]+)}/ig, function (str, key) {
+                    var value = params[key];
+                    delete params[key];
+                    return value;
+                });
+                return [2 /*return*/, this._components.http.send(method, url, params)];
+            });
+        });
+    };
+    return ApiComponent;
+}());
+exports["default"] = ApiComponent;