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

package/hooks/useFile.js

@@ -1,194 +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 __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 fileup_core_1 = __importDefault(require("fileup-core"));
-var File_1 = __importDefault(require("fileup-core/lib/models/File"));
-var QueueCollection_1 = __importDefault(require("fileup-core/lib/models/QueueCollection"));
-var get_1 = __importDefault(require("lodash-es/get"));
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var difference_1 = __importDefault(require("lodash-es/difference"));
-var buildURL_1 = __importDefault(require("axios/lib/helpers/buildURL"));
-var useInitial_1 = __importDefault(require("../hooks/useInitial"));
-var index_1 = require("../hooks/index");
-var imagesMimeTypes = [
-    'image/gif',
-    'image/jpeg',
-    'image/pjpeg',
-    'image/png',
-];
-function generateBackendUrl(props) {
-    return buildURL_1["default"](props.backendUrl, {
-        mimeTypes: props.imagesOnly ? imagesMimeTypes : props.mimeTypes,
-        imagesProcessor: props.imagesProcessor,
-        imagesExactSize: props.imagesExactSize
-    });
-}
-function useFile(props) {
-    var uploader = useInitial_1["default"](function () { return new fileup_core_1["default"](__assign(__assign({ dropArea: {}, backendUrl: generateBackendUrl(props) }, props.uploader), { form: __assign(__assign({}, (props.uploader && props.uploader.form)), { multiple: props.multiple }) })); });
-    // Check for initial files
-    var form = index_1.useForm();
-    var initialFiles = props.initialFiles;
-    if (!initialFiles) {
-        // Find in form values
-        initialFiles = form.formSelector(function (state) { return props.input.name.replace(/Ids?$/, ''); });
-    }
-    react_1.useEffect(function () {
-        if (initialFiles) {
-            uploader.queue.add([].concat(initialFiles || [])
-                .filter(function (item) { return !!item.uid; })
-                .map(function (item) { return new File_1["default"]({
-                path: item.title || item.label || item.uid || item.id,
-                status: File_1["default"].STATUS_END,
-                result: File_1["default"].RESULT_SUCCESS,
-                resultHttpStatus: 200,
-                resultHttpMessage: {
-                    id: item.id || item.uid,
-                    images: item.thumbnailUrl
-                        ? [{ url: item.thumbnailUrl }]
-                        : null
-                },
-                uid: item.uid
-            }); }));
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [initialFiles]);
-    /**
-     * Force component update when file status or progress changes
-     * @private
-     */
-    var forceUpdate = react_use_1.useUpdate();
-    /**
-     * Trigger by queue when file is uploaded or error
-     * @param {File} file
-     * @private
-     */
-    var onQueueItemEnd = function (file) {
-        forceUpdate();
-        // Check successfully
-        if (file.getResult() !== File_1["default"].RESULT_SUCCESS) {
-            return;
-        }
-        // Check file id exists
-        var id = get_1["default"](file.getResultHttpMessage(), 'id');
-        if (!id) {
-            return;
-        }
-        // Update value
-        if (props.multiple) {
-            props.input.onChange([].concat(props.input.value || []).concat([id]));
-        }
-        else {
-            props.input.onChange(id);
-        }
-    };
-    /**
-     * Triggered by queue when file is removed from it
-     * @param {File[]} removedFiles
-     * @private
-     */
-    var onQueueRemove = function (removedFiles) {
-        var toRemove = removedFiles
-            .map(function (file) { return get_1["default"](file.getResultHttpMessage(), 'id'); })
-            .filter(Boolean);
-        if (toRemove.length === 0) {
-            return;
-        }
-        // Update value
-        if (props.multiple) {
-            props.input.onChange([]
-                .concat(props.input.value || [])
-                // eslint-disable-next-line radix
-                .filter(function (id) { return toRemove.indexOf(parseInt(id)) === -1; }));
-        }
-        else if (toRemove.indexOf(props.input.value) !== -1) {
-            props.input.onChange(null);
-        }
-        forceUpdate();
-    };
-    react_use_1.useMount(function () {
-        uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_STATUS, forceUpdate);
-        uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_PROGRESS, forceUpdate);
-        uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
-        uploader.queue.on(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
-    });
-    react_use_1.useUnmount(function () {
-        uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_STATUS, forceUpdate);
-        uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_PROGRESS, forceUpdate);
-        uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
-        uploader.queue.off(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
-    });
-    // Check backend url changes
-    react_1.useEffect(function () {
-        uploader.backendUrl = generateBackendUrl({
-            backendUrl: props.backendUrl,
-            imagesOnly: props.imagesOnly,
-            mimeTypes: props.mimeTypes,
-            imagesProcessor: props.imagesProcessor,
-            imagesExactSize: props.imagesExactSize
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.backendUrl, props.imagesExactSize, props.imagesOnly, props.imagesProcessor, props.mimeTypes]);
-    // Check multiple flag update
-    react_1.useEffect(function () {
-        uploader.form.multiple = props.multiple;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.multiple]);
-    // TODO Check uploader config update
-    //useEffect(() => {
-    //    _merge(uploader, props.uploader);
-    //}, [props.uploader, uploader]);
-    // Check remove keys from value
-    var prevInputValue = react_use_1.usePrevious(props.input.value);
-    react_1.useEffect(function () {
-        if (!isEqual_1["default"](prevInputValue !== props.input.value)) {
-            var toRemove_1 = difference_1["default"]([].concat(props.input.value || []), [].concat(prevInputValue || []));
-            if (toRemove_1.length > 0) {
-                uploader.queue.remove(uploader.queue.getFiles().filter(function (file) { return (toRemove_1.indexOf(get_1["default"](file.getResultHttpMessage(), 'id')) !== -1); }));
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.input.value]);
-    /**
-     * Show browse dialog in user browser
-     * @param {object} event
-     * @private
-     */
-    var onBrowse = function (event) {
-        if (event) {
-            event.preventDefault();
-        }
-        uploader.browse();
-    };
-    /**
-     * Remove selected file from uploader
-     * @param {File} fileToRemove
-     * @private
-     */
-    var onRemove = function (fileToRemove) {
-        uploader.queue.remove([fileToRemove]);
-        forceUpdate();
-    };
-    var files = [].concat(uploader.queue.getFiles());
-    return {
-        uploader: uploader,
-        files: files,
-        onBrowse: onBrowse,
-        onRemove: onRemove
-    };
-}
-exports["default"] = useFile;

package/hooks/useForm.d.ts

@@ -1,8 +0,0 @@
-export default function useForm(): {
-    formId: string;
-    model: any;
-    prefix: string | boolean;
-    layout: FormLayout;
-    formDispatch: any;
-    formSelector: (selector: (state: any, setValue: any) => any) => any;
-};

package/hooks/useForm.js

@@ -1,18 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var react_1 = require("react");
-var Form_1 = require("../ui/form/Form/Form");
-function useForm() {
-    var context = react_1.useContext(Form_1.FormContext);
-    return react_1.useMemo(function () { return (context
-        ? {
-            formId: context.formId,
-            model: context.model,
-            prefix: context.prefix,
-            layout: context.layout,
-            formDispatch: context === null || context === void 0 ? void 0 : context.dispatch,
-            formSelector: function (selector) { var _a; return (_a = context === null || context === void 0 ? void 0 : context.provider) === null || _a === void 0 ? void 0 : _a.select(context.formId, selector); }
-        }
-        : null); }, [context]);
-}
-exports["default"] = useForm;

package/hooks/useInitial.d.ts

@@ -1 +0,0 @@
-export default function useInitial<T>(creator: () => T): T;

package/hooks/useInitial.js

@@ -1,11 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var react_1 = require("react");
-function useInitial(creator) {
-    var initialRef = react_1.useRef(null);
-    if (!initialRef.current) {
-        initialRef.current = creator();
-    }
-    return initialRef.current;
-}
-exports["default"] = useInitial;

package/hooks/useLayout.d.ts

@@ -1,12 +0,0 @@
-export interface ILayout {
-    status?: string;
-    error?: any;
-    data?: any;
-}
-export declare const STATUS_LOADING = "loading";
-export declare const STATUS_NOT_FOUND = "not_found";
-export declare const STATUS_RENDER_ERROR = "render_error";
-export declare const STATUS_HTTP_ERROR = "render_error";
-export declare const STATUS_ACCESS_DENIED = "access_denied";
-export declare const STATUS_OK = "ok";
-export default function useLayout(initAction?: any): ILayout;

package/hooks/useLayout.js

@@ -1,127 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.STATUS_OK = exports.STATUS_ACCESS_DENIED = exports.STATUS_HTTP_ERROR = exports.STATUS_RENDER_ERROR = exports.STATUS_NOT_FOUND = exports.STATUS_LOADING = void 0;
-var react_1 = require("react");
-var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
-var isObject_1 = __importDefault(require("lodash-es/isObject"));
-var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var merge_1 = __importDefault(require("lodash-es/merge"));
-var intersection_1 = __importDefault(require("lodash-es/intersection"));
-var react_use_1 = require("react-use");
-var useComponents_1 = __importDefault(require("./useComponents"));
-var router_1 = require("../reducers/router");
-var auth_1 = require("../reducers/auth");
-var useSelector_1 = __importDefault(require("./useSelector"));
-var auth_2 = require("../actions/auth");
-var useDispatch_1 = __importDefault(require("./useDispatch"));
-var fields_1 = require("../actions/fields");
-var router_2 = require("../actions/router");
-exports.STATUS_LOADING = 'loading';
-exports.STATUS_NOT_FOUND = 'not_found';
-exports.STATUS_RENDER_ERROR = 'render_error';
-exports.STATUS_HTTP_ERROR = 'render_error';
-exports.STATUS_ACCESS_DENIED = 'access_denied';
-exports.STATUS_OK = 'ok';
-function useLayout(initAction) {
-    if (initAction === void 0) { initAction = null; }
-    var _a = useSelector_1["default"](function (state) { return ({
-        route: router_1.getRoute(state),
-        user: auth_1.getUser(state),
-        data: auth_1.getData(state),
-        isInitialized: auth_1.isInitialized(state),
-        initializeCounter: auth_1.getInitializeCounter(state),
-        redirectPageId: state.auth.redirectPageId
-    }); }), route = _a.route, user = _a.user, data = _a.data, isInitialized = _a.isInitialized, initializeCounter = _a.initializeCounter, redirectPageId = _a.redirectPageId;
-    var _b = react_1.useState(null), error = _b[0], setError = _b[1];
-    var dispatch = useDispatch_1["default"]();
-    var components = useComponents_1["default"]();
-    react_use_1.useMount(function () {
-        // Callback for load initial page data (return promise)
-        if (isFunction_1["default"](initAction)) {
-            dispatch(auth_2.init(true));
-        }
-        else {
-            dispatch(auth_2.setUser(null));
-        }
-    });
-    var initializeCounterPrev = react_use_1.usePrevious(initializeCounter);
-    react_use_1.useUpdateEffect(function () {
-        if (!isFunction_1["default"](initAction) || initializeCounter <= initializeCounterPrev) {
-            return;
-        }
-        initAction(null, dispatch)
-            .then(function (result) {
-            // Configure components
-            if (isObject_1["default"](result.config)) {
-                Object.keys(result.config).forEach(function (name) {
-                    if (!components[name]) {
-                        return;
-                    }
-                    Object.keys(result.config[name]).forEach(function (key) {
-                        var value = result.config[name][key];
-                        var setter = 'set' + upperFirst_1["default"](key);
-                        if (isFunction_1["default"](components[name][setter])) {
-                            components[name][setter](value);
-                        }
-                        else if (isObject_1["default"](components[name][key])
-                            && isObject_1["default"](value)) {
-                            merge_1["default"](components[name][key], value);
-                        }
-                        else {
-                            components[name][key] = value;
-                        }
-                    });
-                });
-            }
-            var resultMeta = result.meta;
-            var resultUser = result.user;
-            delete result.user;
-            delete result.meta;
-            dispatch([
-                // Meta models & enums
-                Boolean(resultMeta) && fields_1.setMeta(resultMeta),
-                // User auth
-                auth_2.setData(result),
-                // User auth
-                auth_2.setUser(resultUser),
-                redirectPageId && router_2.goToRoute(redirectPageId),
-            ].filter(Boolean));
-        })["catch"](function (e) {
-            setError(e);
-            throw e;
-        });
-    });
-    var status = exports.STATUS_OK;
-    if (!isInitialized) {
-        status = exports.STATUS_LOADING;
-    }
-    else if (error) {
-        status = exports.STATUS_HTTP_ERROR;
-    }
-    else if (!route) {
-        status = exports.STATUS_NOT_FOUND;
-    }
-    else {
-        var pageRoles = (route === null || route === void 0 ? void 0 : route.roles) || [];
-        var userRoles = [].concat((user === null || user === void 0 ? void 0 : user.role) || []).concat((user === null || user === void 0 ? void 0 : user.roles) || []);
-        if (userRoles.length === 0) {
-            userRoles.push(null); // Guest
-        }
-        if (intersection_1["default"](pageRoles, userRoles).length === 0) {
-            status = exports.STATUS_ACCESS_DENIED;
-            if (process.env.NODE_ENV !== 'production') {
-                // eslint-disable-next-line no-console
-                console.log('Access denied. Page roles: ', pageRoles, 'User roles:', userRoles.join(), 'Route:', route);
-            }
-        }
-    }
-    return {
-        status: status,
-        error: error,
-        data: data
-    };
-}
-exports["default"] = useLayout;

package/hooks/useList.d.ts

@@ -1,155 +0,0 @@
-import { IList } from '../actions/list';
-import { ILayoutNamesProps } from '../ui/list/LayoutNames/LayoutNames';
-import { IPaginationProps } from '../ui/list/Pagination/Pagination';
-import { IPaginationSizeProps } from '../ui/list/PaginationSize/PaginationSize';
-import { IEmptyProps } from '../ui/list/Empty/Empty';
-import { IFormProps } from '../ui/form/Form/Form';
-import { Model } from '../components/MetaComponent';
-export declare type ListControlPosition = 'top' | 'bottom' | 'both' | string;
-interface ISortProps {
-    /**
-     * Включить сортировку
-     * @example false
-     */
-    enable?: boolean;
-    /**
-     * Аттрибут (название) поля сортировки в форме
-     * @example sort
-     */
-    attribute?: string;
-    /**
-     * Значение сортировки по умолчанию. Нужно указать название свойства, по которому items будут сортироваться,
-     * а с помощью знака "-" задать тип сортировки (со знаком минус - сортировать по убыванию, иначе по возрастанию).
-     * @example -price
-     */
-    defaultValue?: string | string[] | null;
-}
-interface IAddressBar {
-    /**
-     * Подключить синхронизацию значений формы списка с адресной строкой
-     * @example false
-     */
-    enable?: boolean;
-    /**
-     * Указывает, что в качестве сепаратора для параметров формы в адресной строке нужно использовать '#', а не '?'
-     */
-    useHash?: boolean;
-}
-export interface IListConfig {
-    /**
-     * Идентификатор списка
-     * @example ArticlesList
-     */
-    listId?: string;
-    /**
-     * Первичный ключ для item
-     * @example id
-     */
-    primaryKey?: string;
-    /**
-     * Url, который вернет коллекцию элементов
-     * @example api/v1/articles
-     */
-    action?: string;
-    /**
-     * Тип HTTP запроса (GET | POST | PUT | DELETE)
-     * @example GET
-     */
-    actionMethod?: HttpMethod;
-    /**
-     * Подключение пагинации
-     * @example {loadMore: true}
-     */
-    pagination?: boolean | IPaginationProps;
-    /**
-     * Переключение количества элементов в списке
-     * @example {sizes: [3, 6, 9], defaultValue: 3}
-     */
-    paginationSize?: boolean | IPaginationSizeProps;
-    /**
-     * Подключение сортировки
-     * @example {enable: true, defaultSort: 'startDate'}
-     */
-    sort?: boolean | ISortProps;
-    /**
-     * Варианты расположения элементов коллекции
-     * @example {items: [{id: 'list', label: 'List'}, {id: 'grid', label: 'Grid'}]}
-     */
-    layout?: boolean | ILayoutNamesProps;
-    /**
-     * Заглушка в случае отсутствия элементов
-     * @example {text: 'Записи не найдены'}
-     */
-    empty?: boolean | string | IEmptyProps;
-    /**
-     * Форма для поиска элементов
-     * @example {fields: ['title'], model: {attributes: ['title:string:Название']}}
-     */
-    searchForm?: Omit<IFormProps, 'formId'> & {
-        formId?: string;
-    };
-    /**
-     * Удаление данных списка из хранилища Redux при размонтировании компонента
-     * @example true
-     */
-    autoDestroy?: boolean;
-    /**
-     * Обработчик, который вызывается при изменении значений формы, и нужен для подгрузки новых элементов коллекции
-     * @param {IList} list
-     * @param {Object} query
-     * @param {*} http
-     * @return {Promise}
-     */
-    onFetch?: (list: IList, query: Record<string, unknown>, http: any) => Promise<any>;
-    /**
-     * Обработчик, который составляет список условий для локальной фильтрации элементов коллекции
-     * @param {Object} query
-     * @return {Array} ['>=', 'age', 18]
-     */
-    condition?: (query: Record<string, unknown>) => any[];
-    /**
-     * Синхронизация значений формы списка с адресной строкой
-     * @example true
-     */
-    addressBar?: boolean | IAddressBar;
-    scope?: string[];
-    /**
-     * Дополнительные параметры, значения которых нужно передавать в запросе для получения данных
-     * @example {tagName: 'MarketReviews'}
-     */
-    query?: Record<string, unknown>;
-    model?: string;
-    /**
-     * Модель для синхронизации значений формы с адресной строкой
-     * @example {attributes: [{attribute: 'isMilesAvailable', type: boolean}]}
-     */
-    searchModel?: string;
-    /**
-     * Элементы коллекции
-     */
-    items?: Array<any>;
-}
-export interface IListOutput {
-    list: IList;
-    model: Model;
-    searchModel: Model;
-    paginationPosition: ListControlPosition;
-    paginationSizePosition: ListControlPosition;
-    layoutNamesPosition: ListControlPosition;
-    renderList: (children: any) => any;
-    renderEmpty: () => any;
-    renderPagination: () => any;
-    renderPaginationSize: () => any;
-    renderLayoutNames: () => any;
-    renderSearchForm: () => any;
-    onFetch: (params?: Record<string, unknown>) => void;
-    onSort: (value: any) => void;
-}
-/**
- * useList
- * Добавляет массу возможностей для взаимодействия с коллекциями. Коллекции можно получать как с бекенда,
- * так и передавать статичным массивом. В обоих случаях поддерживается пагинация, сортировка, фильтрация данных.
- * Выбранные фильтры синхронизируются с адресной строкой.
- */
-export default function useList(config: IListConfig): IListOutput;
-export {};