@steroidsjs/core 2.3.0-beta.1 → 2.3.0-beta.2

package/src/actions/notifications.ts

@@ -1,39 +0,0 @@
-import _uniqueId from 'lodash-es/uniqueId';
-
-export const NOTIFICATIONS_SHOW = 'NOTIFICATIONS_SHOW';
-export const NOTIFICATIONS_CLOSING = 'NOTIFICATIONS_CLOSING';
-export const NOTIFICATIONS_CLOSE = 'NOTIFICATIONS_CLOSE';
-
-export interface IShowNotificationParameters {
-    position?: 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left' | string;
-    timeOut?: number;
-}
-
-const showNotificationDefaults: IShowNotificationParameters = {
-    position: 'top-right',
-    timeOut: 10000,
-};
-
-export const closeNotification = (id = null) => ({
-    type: NOTIFICATIONS_CLOSE,
-    id,
-});
-
-export const showNotification = (
-    message: string,
-    level: ColorName = null,
-    params: IShowNotificationParameters = showNotificationDefaults,
-) => dispatch => {
-    const {position, timeOut} = params as IShowNotificationParameters;
-    const id = _uniqueId();
-
-    dispatch({type: NOTIFICATIONS_SHOW, id, message, level: level || 'success', position});
-
-    if (timeOut > 0) {
-        setTimeout(() => dispatch(closeNotification(id)), timeOut);
-    }
-};
-
-export const setFlashes = flashes => Object.keys(flashes).map((level: string) => []
-    .concat(flashes[level] || [])
-    .map(message => showNotification(message, level)));

package/src/actions/router.ts

@@ -1,42 +0,0 @@
-import {push, replace} from 'connected-react-router';
-
-export const ROUTER_INIT_ROUTES = 'ROUTER_INIT_ROUTES';
-export const ROUTER_SET_PARAMS = 'ROUTER_SET_PARAMS';
-export const ROUTER_SET_DATA = 'ROUTER_SET_DATA';
-
-export const initRoutes = routes => ({
-    type: ROUTER_INIT_ROUTES,
-    routes,
-});
-
-export const initParams = params => ({
-    type: ROUTER_SET_PARAMS,
-    params,
-});
-
-export const goToRoute = (routeId, params = null, isReplace = false) => (dispatch, getState, {store}) => {
-    if (process.env.PLATFORM === 'mobile') {
-        store.navigationNative.navigate(routeId, params);
-        return [];
-    }
-
-    const getRouteProp = require('../reducers/router').getRouteProp;
-    const buildUrl = require('../reducers/router').buildUrl;
-    const path = getRouteProp(getState(), routeId, 'path');
-    const method = isReplace ? replace : push;
-    return dispatch(method(buildUrl(path, params)));
-};
-
-export const goToParent = (level = 1) => (dispatch, getState) => {
-    const getRouteParent = require('../reducers/router').getRouteParent;
-    const getRouteParams = require('../reducers/router').getRouteParams;
-    const state = getState();
-    const params = getRouteParams(state);
-    const parentRoute = getRouteParent(state, null, level);
-    const parentRouteId = parentRoute ? parentRoute.id : null;
-    const parentRouteParams = parentRoute ? params : null;
-    if (parentRouteId) {
-        return dispatch(goToRoute(parentRouteId, parentRouteParams));
-    }
-    return [];
-};

package/src/actions/screen.ts

@@ -1,28 +0,0 @@
-export const SCREEN_SET_WIDTH = 'SCREEN_SET_WIDTH';
-export const SCREEN_SET_MEDIA = 'SCREEN_SET_MEDIA';
-
-export const setMedia = media => ({
-    type: SCREEN_SET_MEDIA,
-    media,
-});
-
-let timer = null;
-export const setWidth = (width, skipTimeout = false) => dispatch => {
-    if (timer) {
-        clearTimeout(timer);
-    }
-    if (skipTimeout) {
-        return dispatch({
-            type: SCREEN_SET_WIDTH,
-            width,
-        });
-    }
-    timer = setTimeout(() => {
-        dispatch({
-            type: SCREEN_SET_WIDTH,
-            width,
-        });
-    }, 100);
-
-    return null;
-};

package/src/base/Enum.ts

@@ -1,28 +0,0 @@
-export default class Enum {
-    static getLabels() {
-        return {};
-    }
-
-    static getKeys() {
-        return Object.keys(this.getLabels());
-    }
-
-    static getLabel(id) {
-        return this.getLabels()[id] || '';
-    }
-
-    static getCssClasses() {
-        return {};
-    }
-
-    static getCssClass(id) {
-        return this.getCssClasses()[id] || '';
-    }
-
-    static getDropdownItems() {
-        return Object.entries(this.getLabels()).map(([id, label]) => ({
-            label,
-            id,
-        }));
-    }
-}

package/src/components/ApiComponent.tsx

@@ -1,40 +0,0 @@
-export interface IApiSendConfig {
-    method?: HttpMethod,
-    url?: string,
-    params?: Record<string, unknown>,
-}
-
-export type IApiMethod = (api, 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) {
-        this._components = components;
-    }
-
-    async send(config: IApiSendConfig) {
-        const method = config.method || 'get';
-        const params = {...config.params};
-        const url = config.url.replace(/{([0-9a-z_]+)}/ig, (str, key: string) => {
-            const value: any = params[key];
-            delete params[key];
-            return value;
-        });
-
-        return this._components.http.send(method, url, params);
-    }
-}

package/src/components/ClientStorageComponent.ts

@@ -1,136 +0,0 @@
-import * as cookie from 'js-cookie';
-import moment from 'moment';
-
-/**
- * Client Storage Component
- * Слой хранения данных в браузере (cookie, local/session storage) или ReactNative
- */
-export default class ClientStorageComponent {
-    STORAGE_COOKIE: string;
-
-    STORAGE_LOCAL: any;
-
-    STORAGE_SESSION: any;
-
-    localStorageAvailable: boolean;
-
-    sessionStorageAvailable: boolean;
-
-    domain?: string;
-
-    private _ssrCookie: Record<string, any>
-
-    constructor(components, config) {
-        this.localStorageAvailable = !process.env.IS_SSR;
-        this.sessionStorageAvailable = !process.env.IS_SSR;
-        this.STORAGE_SESSION = 'session';
-        this.STORAGE_LOCAL = 'local';
-        this.STORAGE_COOKIE = 'cookie';
-        if (this.localStorageAvailable) {
-            try {
-                window.localStorage.setItem('localStorageAvailable', '1');
-                this.localStorageAvailable = window.localStorage.getItem('localStorageAvailable') === '1';
-                window.localStorage.removeItem('localStorageAvailable');
-            } catch (e) {
-                this.localStorageAvailable = false;
-            }
-        }
-        if (this.sessionStorageAvailable) {
-            try {
-                window.sessionStorage.setItem('sessionStorageAvailable', '1');
-                this.sessionStorageAvailable = window.localStorage.getItem('sessionStorageAvailable') === '1';
-                window.sessionStorage.removeItem('sessionStorageAvailable');
-            } catch (e) {
-                this.sessionStorageAvailable = false;
-            }
-        }
-
-        this.domain = config?.domain || null;
-        this._ssrCookie = config?.ssrCookie;
-    }
-
-    /**
-     * @param {string} name
-     * @param {string} [storageName]
-     * @returns {*}
-     */
-    get(name, storageName) {
-        storageName = storageName || this.STORAGE_LOCAL;
-        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
-            return window.localStorage.getItem(name);
-        } if (
-            this.sessionStorageAvailable
-            && storageName === this.STORAGE_SESSION
-        ) {
-            return window.sessionStorage.getItem(name);
-        }
-        return process.env.IS_SSR ? this._ssrCookie.get(name) : cookie.get(name);
-    }
-
-    /**
-     * @param {string} name
-     * @param {*} value
-     * @param {string} [storageName]
-     * @param {number|null} [expires]
-     */
-    set(name, value, storageName, expires = null) {
-        storageName = storageName || this.STORAGE_LOCAL;
-        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
-            window.localStorage.setItem(name, value);
-        } else if (
-            this.sessionStorageAvailable
-            && storageName === this.STORAGE_SESSION
-        ) {
-            window.sessionStorage.setItem(name, value);
-        } else {
-            const options = {
-                expires,
-                domain: this._getDomain(),
-            };
-
-            if (expires && process.env.IS_SSR) {
-                options.expires = moment().add(options.expires).utc().toDate();
-            }
-
-            process.env.IS_SSR ? this._ssrCookie.set(name, value, options) : cookie.set(name, value, options);
-        }
-    }
-
-    /**
-     *
-     * @param {string} name
-     * @param {string} [storageName]
-     */
-    remove(name, storageName) {
-        storageName = storageName || this.STORAGE_LOCAL;
-        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
-            window.localStorage.removeItem(name);
-        } else if (
-            this.sessionStorageAvailable
-            && storageName === this.STORAGE_SESSION
-        ) {
-            window.sessionStorage.removeItem(name);
-        } else {
-            const options = {
-                domain: this._getDomain(),
-            };
-            process.env.IS_SSR ? this._ssrCookie.remove(name, options) : cookie.remove(name, options);
-        }
-    }
-
-    _getDomain() {
-        if (this.domain) {
-            return this.domain;
-        }
-
-        const host = (typeof window.location !== 'undefined' && window.location.hostname) || '';
-        return (
-            (!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host)
-                && host
-                    .split('.')
-                    .slice(-2)
-                    .join('.'))
-            || host
-        );
-    }
-}

package/src/components/HtmlComponent.ts

@@ -1,81 +0,0 @@
-import _isString from 'lodash-es/isString';
-
-/**
- * Html Component
- * Хелпер для работы с БЭМ классами и DOM элементами
- */
-export default class HtmlComponent {
-    _instances: any;
-    namespace = '';
-
-    constructor(components) {
-        this._instances = {};
-    }
-
-    bem(blockName) {
-        if (!this._instances[blockName]) {
-            this._instances[blockName] = (...names) => this.classNames(...names);
-            this._instances[blockName].block = modifiers => this._applyModifiers(blockName, modifiers);
-            this._instances[blockName].element = (elementName, modifiers) => this._applyModifiers(blockName + '__' + elementName, modifiers);
-        }
-        return this._instances[blockName];
-    }
-
-    classNames(...names) {
-        return Array.prototype.slice
-            .call(names)
-            .filter(v => v)
-            .join(' ');
-    }
-
-    addClass(node, className) {
-        if (node && _isString(node.className)) {
-            const classes = node.className.split(' ');
-            if (classes.indexOf(className) === -1) {
-                classes.push(className);
-                node.className = classes.join(' ');
-            }
-        }
-    }
-
-    removeClass(node, className) {
-        if (node && _isString(node.className)) {
-            const classes = node.className.split(' ');
-            const index = classes.indexOf(className);
-            if (index !== -1) {
-                classes.splice(index, 1);
-                node.className = classes.join(' ');
-            }
-        }
-    }
-
-    closest(element, className) {
-        while ((element = element.parentElement)
-        && !element.classList.contains(className)) {
-        } // eslint-disable-line no-empty
-        return element;
-    }
-
-    _applyModifiers(entity, modifiers) {
-        let result = [];
-        result.push(entity);
-        if (typeof modifiers === 'string') {
-            result.push(entity + (modifiers ? '_' + modifiers : ''));
-        } else if (modifiers) {
-            Object.keys(modifiers).forEach(key => {
-                const value = modifiers[key];
-                if (!value) {
-                    // Skip
-                } else if (value === true) {
-                    result.push(entity + '_' + key);
-                } else {
-                    result.push(entity + '_' + key + '_' + value);
-                }
-            });
-        }
-
-        // Append namespace
-        result = result.map(cl => this.namespace + cl);
-        return result.join(' ');
-    }
-}