@steroidsjs/core 2.0.0-rc.9 → 2.0.1-beta.112

package/hooks/useDataProvider.d.ts

@@ -1,92 +0,0 @@
-import Enum from '../base/Enum';
-export interface AutoCompleteConfig {
-    /**
-     * Подключить autocomplete?
-     * @example true
-     */
-    enable?: boolean;
-    /**
-     * Минимальная длина запроса
-     * @example 2
-     */
-    minLength?: number;
-    /**
-     * Задержка в миллисекундах перед осуществлением запроса
-     * @example 100
-     */
-    delay?: number;
-}
-export declare type DataProviderItems = string | ({
-    new (): Enum;
-}) | (string | number | {
-    id: string | number | boolean;
-    label: string | any;
-})[];
-export interface IDataProviderConfig {
-    /**
-     * Коллекция элементов
-     * @example [{id: 1, label: 'Krasnoyarsk'}, {id: 2, label: 'Moscow'}]
-     */
-    items?: DataProviderItems;
-    /**
-     * Конфигурация для подгрузки данных извне.
-     * Если dataProvider не передан, то поиск данных по запросу происходит локально.
-     */
-    dataProvider?: {
-        /**
-         * URL для подгрузки новой коллекции данных
-         * @example '/api/v1/search'
-         */
-        action?: string;
-        /**
-         * Параметры запроса
-         * @example {pageSize: 3}
-         */
-        params?: Record<string, unknown>;
-        /**
-         * Обработчик, который вызывается для подгрузки данных.
-         * Если обработчик не передан, то по умолчанию отправится post-запрос.
-         * @param {string} action
-         * @param {Object} params
-         * @return {Promise<Array> | Array}
-         */
-        onSearch?: (action: string, params: Record<string, unknown>) => Array<unknown> | Promise<Array<unknown>>;
-    };
-    /**
-     * Текст запроса
-     * @example 'some text'
-     */
-    query?: string;
-    /**
-     * Настройки поиска
-     * @example {enable: true, minLength: 2, delay: 100}
-     */
-    autoComplete?: boolean | AutoCompleteConfig;
-    /**
-     * Загрузка данных после любого изменения запроса.
-     * Если включен autoFetch, то настройки autoComplete не применятся.
-     * @example true
-     */
-    autoFetch?: any;
-}
-export interface IDataProviderResult {
-    items?: {
-        id: number | string | boolean;
-        label?: string;
-        [key: string]: unknown;
-    }[];
-    sourceItems?: {
-        id: number | string | boolean;
-        label?: string;
-        [key: string]: unknown;
-    }[];
-    isLoading?: boolean;
-    isAutoComplete?: boolean;
-}
-/**
- * Data Provider
- * Подготавливает коллекции данных для полей форм. Используется в выпадающих списках, чекбоксах, автокомплитах и т.п.
- * Позволяет передать данные несколькими видами (enum, list, object, data provider), а на выход предоставит единый вид
- * данных. Поддерживает загрузку данных извне (при autocomplete), поиск по данным.
- */
-export default function useDataProvider(config: IDataProviderConfig): IDataProviderResult;

package/hooks/useDataProvider.js

@@ -1,144 +0,0 @@
-"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 };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_redux_1 = require("react-redux");
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
-var react_1 = require("react");
-var data_1 = require("../utils/data");
-var index_1 = require("./index");
-var fields_1 = require("../reducers/fields");
-var text_1 = require("../utils/text");
-var defaultProps = {
-    autoComplete: {
-        enable: false,
-        minLength: 2,
-        delay: 100
-    }
-};
-/**
- * Data Provider
- * Подготавливает коллекции данных для полей форм. Используется в выпадающих списках, чекбоксах, автокомплитах и т.п.
- * Позволяет передать данные несколькими видами (enum, list, object, data provider), а на выход предоставит единый вид
- * данных. Поддерживает загрузку данных извне (при autocomplete), поиск по данным.
- */
-function useDataProvider(config) {
-    var _this = this;
-    var components = index_1.useComponents();
-    // Check enum
-    var enumItems = react_redux_1.useSelector(function (state) { return isString_1["default"](config.items) ? fields_1.getEnumLabels(state, config.items) : null; });
-    // Initial items
-    var initialItems = data_1.normalizeItems(enumItems || config.items);
-    // Items state
-    var _a = react_1.useState(initialItems), sourceItems = _a[0], setSourceItems = _a[1];
-    var _b = react_1.useState(initialItems), items = _b[0], setItems = _b[1];
-    var _c = react_1.useState(false), isLoading = _c[0], setIsLoading = _c[1];
-    // Normalize autoComplete
-    var autoComplete = react_1.useMemo(function () { return (__assign(__assign({}, defaultProps.autoComplete), (typeof config.autoComplete === 'boolean') ? { enable: config.autoComplete } : config.autoComplete)); }, [config.autoComplete]);
-    var dataProvider = react_1.useMemo(function () { return (__assign({ action: '', params: null, onSearch: null }, config.dataProvider)); }, [config.dataProvider]);
-    // Fetch data
-    var delayTimerRef = react_1.useRef(null);
-    var isAutoFetchedRef = react_1.useRef(false);
-    react_1.useEffect(function () {
-        var fetchRemote = function () { return __awaiter(_this, void 0, void 0, function () {
-            var searchHandler, result, newItems;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        searchHandler = dataProvider.onSearch || components.http.post.bind(components.http);
-                        result = searchHandler(dataProvider.action, __assign({ query: config.query }, config.dataProvider.params));
-                        if (!(result && isFunction_1["default"](result.then))) return [3 /*break*/, 2];
-                        setIsLoading(true);
-                        return [4 /*yield*/, result];
-                    case 1:
-                        newItems = _a.sent();
-                        setIsLoading(false);
-                        _a.label = 2;
-                    case 2:
-                        // Update items
-                        newItems = data_1.normalizeItems(newItems);
-                        if (!config.query) {
-                            setSourceItems(newItems);
-                        }
-                        setItems(newItems);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        if (!config.dataProvider) {
-            // Client-side search on static items
-            setItems(config.query ? text_1.smartSearch(config.query, sourceItems) : sourceItems);
-        }
-        else if (config.autoFetch && isAutoFetchedRef.current === false) {
-            isAutoFetchedRef.current = true;
-            fetchRemote();
-        }
-        else if (autoComplete.enable) {
-            if (delayTimerRef.current) {
-                clearTimeout(delayTimerRef.current);
-            }
-            // Min length query logic
-            if (config.query && config.query.length >= autoComplete.minLength) {
-                // Search with delay
-                delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
-            }
-        }
-    }, [autoComplete, components.http, config.autoFetch, config.dataProvider, config.query, dataProvider,
-        dataProvider.action, dataProvider.onSearch, sourceItems]);
-    return {
-        sourceItems: sourceItems,
-        items: items,
-        isLoading: isLoading,
-        isAutoComplete: autoComplete.enable
-    };
-}
-exports["default"] = useDataProvider;

package/hooks/useDataSelect.d.ts

@@ -1,42 +0,0 @@
-export interface IDataSelectConfig {
-    /**
-     * Возможность множественного выбора
-     * @example true
-     */
-    multiple?: boolean;
-    /**
-     * Список с элементами
-     * @example [{id: 1, label: 'Krasnoyarsk'}, {id: 2, label: 'Moscow'}]
-     */
-    items: {
-        id: number | string | boolean;
-        label?: string;
-        [key: string]: unknown;
-    }[];
-    /**
-     * Сделать активным первый элемент в списке
-     * @example true
-     */
-    selectFirst?: any;
-    /**
-     * Список с идентификаторами выбранных элементов
-     * @example [1, 4]
-     */
-    selectedIds: any;
-    /**
-     * Первичный ключ для item
-     * @example id
-     */
-    primaryKey?: string;
-}
-export interface IDataSelectResult {
-    isOpened: boolean;
-    setIsOpened: (value: boolean) => void;
-    isFocused: boolean;
-    setIsFocused: (value: boolean) => void;
-    hoveredId: PrimaryKey;
-    setHoveredId: (id: PrimaryKey) => void;
-    selectedIds: PrimaryKey[];
-    setSelectedIds: (ids: PrimaryKey | PrimaryKey[], skipToggle?: boolean) => void;
-}
-export default function useDataSelect(config: IDataSelectConfig): IDataSelectResult;

package/hooks/useDataSelect.js

@@ -1,155 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var isArray_1 = __importDefault(require("lodash-es/isArray"));
-var remove_1 = __importDefault(require("lodash-es/remove"));
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var defaultProps = {
-    primaryKey: 'id'
-};
-function useDataSelect(config) {
-    // Get primary key
-    var primaryKey = config.primaryKey || defaultProps.primaryKey;
-    // Initial select
-    var initialSelectedIds = react_1.useMemo(function () {
-        if (config.selectedIds) {
-            return [].concat(config.selectedIds || []);
-        }
-        return config.selectFirst && config.items.length > 0
-            ? [config.items[0][primaryKey]]
-            : [];
-    }, [config.items, config.selectFirst, config.selectedIds, primaryKey]);
-    // State
-    var _a = react_1.useState(false), isOpened = _a[0], setIsOpened = _a[1];
-    var _b = react_1.useState(false), isFocused = _b[0], setIsFocused = _b[1];
-    var _c = react_1.useState(null), hoveredId = _c[0], setHoveredId = _c[1];
-    var _d = react_1.useState(initialSelectedIds), selectedIds = _d[0], setSelectedIdsInternal = _d[1];
-    // Handler for select/toggle item by id
-    var setSelectedIds = react_1.useCallback(function (ids, skipToggle) {
-        if (skipToggle === void 0) { skipToggle = false; }
-        if (isArray_1["default"](ids)) {
-            if (!config.multiple && ids.length > 1) {
-                ids = [ids[0]];
-            }
-            setSelectedIdsInternal(ids);
-        }
-        else {
-            var id_1 = ids;
-            if (!id_1) {
-                setSelectedIdsInternal([]);
-            }
-            else if (config.multiple) {
-                if (selectedIds.indexOf(id_1) !== -1) {
-                    if (!skipToggle) {
-                        remove_1["default"](selectedIds, function (itemValue) { return itemValue === id_1; });
-                    }
-                }
-                else {
-                    selectedIds.push(id_1);
-                }
-                setSelectedIdsInternal(selectedIds);
-            }
-            else {
-                if (selectedIds.length !== 1 || selectedIds[0] !== id_1) {
-                    setSelectedIdsInternal([id_1]);
-                }
-                setIsOpened(false);
-            }
-        }
-    }, [config.multiple, selectedIds]);
-    // Select first after fetch data
-    var prevItemsLength = react_use_1.usePrevious(config.items.length);
-    react_use_1.useUpdateEffect(function () {
-        if (config.selectFirst && prevItemsLength === 0 && config.items.length > 0) {
-            setSelectedIdsInternal([config.items[0][primaryKey]]);
-        }
-    }, [config.items, config.selectFirst, prevItemsLength, primaryKey]);
-    // Update selected items on change value
-    var prevConfigSelectedIds = react_use_1.usePrevious(config.selectedIds || []);
-    react_use_1.useUpdateEffect(function () {
-        // console.log(config.selectedIds, prevConfigSelectedIds);
-        var newSelectedIds = config.selectedIds && config.selectedIds.length > 0
-            ? config.items.map(function (item) { return item[primaryKey]; }).filter(function (id) { return config.selectedIds.includes(id); })
-            : [];
-        if (!isEqual_1["default"](prevConfigSelectedIds, newSelectedIds)) {
-            setSelectedIdsInternal(newSelectedIds);
-        }
-    }, [config.items, config.selectedIds, primaryKey, prevConfigSelectedIds]);
-    // Global key down handler for navigate on items
-    // Support keys:
-    // - tab
-    // - esc
-    // - enter
-    // - up/down arrows
-    var onKeyDown = react_1.useCallback(function (e) {
-        // Skip no active
-        if (!isFocused && !isOpened) {
-            return;
-        }
-        // Keys: tab, esc
-        if ([9, 27].includes(e.which)) {
-            e.preventDefault();
-            setIsOpened(false);
-            return;
-        }
-        // Keys: enter
-        if (e.which === 13 && isOpened) {
-            e.preventDefault();
-            if (hoveredId) {
-                // Select hovered
-                setSelectedIds(hoveredId, true);
-            }
-            else if (selectedIds.length > 0) {
-                // Select first selected
-                setSelectedIds(selectedIds[0], true);
-            }
-            else if (config.items.length > 0) {
-                // Select first result
-                setSelectedIds(config.items[0], true);
-            }
-        }
-        // Keys: arrow up, arrow down
-        if ([38, 40].includes(e.which)) {
-            e.preventDefault();
-            var isDown = e.which === 40;
-            if (!isOpened) {
-                // Open on down key
-                if (isDown) {
-                    setIsOpened(true);
-                }
-            }
-            else {
-                // Navigate on items by keys
-                var direction = isDown ? 1 : -1;
-                var keys = config.items.map(function (item) { return item.id; });
-                // Get current index
-                var index = hoveredId ? keys.indexOf(hoveredId) : -1;
-                if (index === -1 && selectedIds.length === 1) {
-                    index = keys.indexOf(selectedIds[0]);
-                }
-                // Get next index
-                var newIndex = index !== -1
-                    ? Math.min(keys.length - 1, Math.max(0, index + direction))
-                    : 0;
-                // Set hovered
-                setHoveredId(keys[newIndex]);
-            }
-        }
-    }, [config.items, hoveredId, isFocused, isOpened, setSelectedIds, selectedIds]);
-    react_use_1.useEvent('keydown', onKeyDown);
-    return {
-        isOpened: isOpened,
-        setIsOpened: setIsOpened,
-        isFocused: isFocused,
-        setIsFocused: setIsFocused,
-        hoveredId: hoveredId,
-        setHoveredId: setHoveredId,
-        selectedIds: selectedIds,
-        setSelectedIds: setSelectedIds
-    };
-}
-exports["default"] = useDataSelect;

package/hooks/useDispatch.d.ts

@@ -1 +0,0 @@
-export default function useDispatch(): import("redux").Dispatch<any>;

package/hooks/useDispatch.js

@@ -1,7 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var react_redux_1 = require("react-redux");
-function useDispatch() {
-    return react_redux_1.useDispatch();
-}
-exports["default"] = useDispatch;

package/hooks/useFetch.d.ts

@@ -1,30 +0,0 @@
-import { IComponents } from './useComponents';
-export interface IFetchConfig {
-    id?: string | number;
-    url?: string;
-    method?: 'get' | 'post' | string;
-    params?: Record<string, unknown>;
-    onFetch?: (config: IFetchConfig, components: IComponents, addCancelToken: (token: any) => any) => any;
-}
-export interface IFetchResult {
-    data?: {
-        providerData?: {
-            type: string;
-            value: string;
-        };
-        [key: string]: unknown;
-    };
-    isLoading: boolean;
-    fetch?: (newParams?: Record<string, unknown>) => void;
-}
-/**
- * Fetch
- * Используется для подгрузки данных с бекенда перед рендером компонента, на котором он применяется.
- * На вход ему передается один или несколько объектов конфигураций (id, key, url, method, params, ...),
- * которые описывают откуда нужно подтянуть данные.
- *
- * В процесс загрузки HOC будет отображать "Загрузка...", а после уже отрендерит компонент, передав данные в указанный
- * ключ `key`. Все данные сохраняются в Redux Store, что позволяет избежать дополнительных запросов при использовании
- * SSR.
- */
-export default function useFetch(rawConfig?: IFetchConfig): IFetchResult;

package/hooks/useFetch.js

@@ -1,147 +0,0 @@
-"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 };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var trim_1 = __importDefault(require("lodash/trim"));
-var uniqueId_1 = __importDefault(require("lodash/uniqueId"));
-var axios_1 = __importDefault(require("axios"));
-var index_1 = require("./index");
-var normalizeConfig = function (config) { return (config
-    ? __assign({ id: null, url: '', method: 'get', params: {}, onFetch: null }, config) : null); };
-var defaultFetchHandler = function (config, components, addCancelToken) {
-    var cancelToken = new axios_1["default"].CancelToken(function (cancel) {
-        addCancelToken(cancel);
-    });
-    return components.http
-        .send(config.method, config.url, config.params, { cancelToken: cancelToken })
-        .then(function (result) { return result.data; });
-};
-/**
- * Fetch
- * Используется для подгрузки данных с бекенда перед рендером компонента, на котором он применяется.
- * На вход ему передается один или несколько объектов конфигураций (id, key, url, method, params, ...),
- * которые описывают откуда нужно подтянуть данные.
- *
- * В процесс загрузки HOC будет отображать "Загрузка...", а после уже отрендерит компонент, передав данные в указанный
- * ключ `key`. Все данные сохраняются в Redux Store, что позволяет избежать дополнительных запросов при использовании
- * SSR.
- */
-function useFetch(rawConfig) {
-    var _this = this;
-    if (rawConfig === void 0) { rawConfig = null; }
-    var components = index_1.useComponents();
-    // Store config in state
-    var _a = react_1.useState(normalizeConfig(rawConfig)), config = _a[0], setConfig = _a[1];
-    // Update config in state on raw config updated
-    react_use_1.useUpdateEffect(function () {
-        setConfig(rawConfig);
-    }, [rawConfig]);
-    // Resolve config id
-    // TODO Get initial state from HttpComponent (for SSR) by configId
-    var idRef = react_1.useRef(uniqueId_1["default"]('fetch'));
-    var configId = config ? trim_1["default"](config.id || config.url || idRef.current, '/') : null;
-    // State for data and loading flag
-    var _b = react_1.useState(null), data = _b[0], setData = _b[1];
-    var _c = react_1.useState(false), isLoading = _c[0], setIsLoading = _c[1];
-    // Cancel tokens
-    var cancelTokens = react_1.useRef([]);
-    var addCancelToken = function (token) { return cancelTokens.current.push(token); };
-    react_use_1.useUnmount(function () { return cancelTokens.current.forEach(function (cancel) { return cancel('Canceled on unmount component'); }); });
-    // Fetch handler
-    var fetch = react_1.useCallback(function (newConfig) {
-        if (newConfig === void 0) { newConfig = null; }
-        return __awaiter(_this, void 0, void 0, function () {
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (newConfig) {
-                            setConfig(__assign(__assign(__assign({}, config), newConfig), { params: __assign(__assign({}, config === null || config === void 0 ? void 0 : config.params), newConfig === null || newConfig === void 0 ? void 0 : newConfig.params) }));
-                        }
-                        if (!config) return [3 /*break*/, 2];
-                        setIsLoading(true);
-                        _a = setData;
-                        return [4 /*yield*/, (config.onFetch || defaultFetchHandler).call(null, config, components, addCancelToken)];
-                    case 1:
-                        _a.apply(void 0, [_b.sent()]);
-                        setIsLoading(false);
-                        _b.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        });
-    }, [components, config]);
-    // Fetch data on config update
-    react_1.useEffect(function () {
-        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!config) return [3 /*break*/, 2];
-                        setIsLoading(true);
-                        _a = setData;
-                        return [4 /*yield*/, (config.onFetch || defaultFetchHandler).call(null, config, components, addCancelToken)];
-                    case 1:
-                        _a.apply(void 0, [_b.sent()]);
-                        setIsLoading(false);
-                        _b.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchData();
-    }, [components, config]);
-    return { data: data, isLoading: isLoading, fetch: fetch };
-}
-exports["default"] = useFetch;

package/hooks/useFile.d.ts

@@ -1,2 +0,0 @@
-import { IFileHocInput, IFileHocOutput } from '../hoc/file';
-export default function useFile(props: IFileHocInput): IFileHocOutput;