@steroidsjs/core 2.0.0-rc.7 → 2.0.1-beta.113

package/ui/nav/Tree/demo/level-tree-routes.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import Tree from '../Tree'
+
+export default () => (
+    <>
+        <Tree
+            items={'root'}
+        />
+    </>
+);

package/ui/nav/Tree/demo/level-tree.tsx

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import Tree from '../Tree'
+
+export default () => (
+    <>
+        <Tree
+            level={3}
+            items={[
+                {
+                    id: 1,
+                    label: 'label 1',
+                    items: [
+                        {
+                            id: 2,
+                            label: 'label 2.1',
+                            items: [
+                                {
+                                    id: 3,
+                                    label: 'label 3',
+                                    items: [
+                                        {
+                                            id: 4,
+                                            label: 'label 4',
+                                            items: [
+                                                {
+                                                    id: 5,
+                                                    label: 'label 5'
+                                                }
+                                            ]
+                                        },
+                                    ],
+                                }
+                            ],
+                        },
+                        {
+                            id: 2.2,
+                            label: 'label 2.2',
+                        }
+                    ],
+                },
+            ]}
+        />
+    </>
+);

package/utils/collection.ts

@@ -0,0 +1,13 @@
+import _isArray from 'lodash-es/isArray';
+
+export const indexBy = (collection, key) => {
+    if (!_isArray(collection)) {
+        return collection;
+    }
+
+    const result = {};
+    (collection || []).forEach(item => {
+        result[item[key]] = item;
+    });
+    return result;
+}

package/utils/data.ts

@@ -0,0 +1,120 @@
+import _uniqBy from 'lodash-es/uniqBy';
+import _isString from 'lodash-es/isString';
+import _isArray from 'lodash-es/isArray';
+import _some from 'lodash-es/some';
+import _has from 'lodash-es/has';
+import _isObject from 'lodash-es/isObject';
+import _isInteger from 'lodash-es/isInteger';
+import _isFunction from 'lodash-es/isFunction';
+import _every from 'lodash-es/every';
+
+/**
+ * Normalize items for save to state. Support enum class or normal items list.
+ * @param {array|object} items
+ * @returns {*}
+ */
+export const normalizeItems = (items) => {
+    // Array
+    if (_isArray(items)) {
+        // List of strings/numbers
+        if (_some(items, item => _isString(item) || _isInteger(item))) {
+            return items.map(item => {
+                if (_isString(item) || _isInteger(item)) {
+                    return {
+                        id: item,
+                        label: item
+                    };
+                }
+                return item;
+            });
+        }
+        // Labels as ids
+        if (_some(items, item => !_has(item, 'id'))) {
+            return _uniqBy(
+                items.map(item => {
+                    return {
+                        id: item.label,
+                        ...item
+                    };
+                }),
+                'label'
+            );
+        }
+        return items;
+    }
+    // Enum
+    if (_isObject(items) && _isFunction(items.getLabels)) {
+        const labels = items.getLabels();
+        return Object.keys(labels).map(id => ({
+            id,
+            label: labels[id]
+        }));
+    }
+    return [];
+};
+
+export const filterItems = (items: Array<any>, condition: any) => {
+    return items.filter(item => checkCondition(item, condition));
+}
+
+export const checkCondition = (item, condition) => {
+    if (_isObject(condition) && !_isArray(condition)) {
+        return _every(Object.keys(condition), key => {
+            const value = condition[key];
+            const operator = _isString(value) ? 'like' : '=';
+            return checkCondition(item, [operator, key, value]);
+        });
+    }
+    if (_isArray(condition) && condition.length > 1) {
+        const operator = condition[0].toLowerCase();
+
+        // ['not', {role: 'admin'}]
+        if (operator.indexOf('not') === 0) {
+            const newOperator = operator.replace(/^not\s+/, '');
+            return !checkCondition(item, [newOperator].concat(condition.slice(1)));
+        }
+
+        const key = condition[1];
+        const value = condition[2];
+        switch (operator) {
+            case '=': // ['=', 'age', 18]
+                return item[key] === value;
+
+            case '>': // ['>', 'age', 18]
+                return item[key] > value;
+
+            case '>=': // ['>=', 'age', 18]
+            case '=>':
+                return item[key] >= value;
+
+            case '<': // ['<', 'age', 18]
+                return item[key] < value;
+
+            case '<=': // ['<=', 'age', 18]
+            case '=<':
+                return item[key] <= value;
+
+            case 'and': // ['and', {isActive: true}, ['=', 'name', 'Ivan']]
+            case '&&':
+                return _every(condition.slice(1), subCondition => checkCondition(item, subCondition));
+
+            case 'or': // ['or', {isAdmin: true}, ['=', 'name', 'Ivan']]
+            case '||':
+                return _some(condition.slice(1), subCondition => checkCondition(item, subCondition));
+
+            case 'like': // ['like', 'name', 'alex']
+                return _isString(item[key]) && item[key].toLowerCase().indexOf(value.toLowerCase()) !== -1;
+
+            case 'between': // ['between', 'size', 5, 10]
+                return condition[2] <= value && value <= condition[3];
+
+            case 'in': // ['in', 'ids', [5, 6, 10]]
+                return _isArray(item[key]) && item[key].includes(value);
+        }
+    }
+    if (_isFunction(condition)) {
+        return !!condition(item);
+    }
+
+    return true;
+}

package/utils/query.ts

@@ -0,0 +1,147 @@
+import queryString from 'query-string';
+import _get from 'lodash-es/get';
+import _isObject from 'lodash-es/isObject';
+import _isString from 'lodash-es/isString';
+import _toInteger from 'lodash-es/toInteger';
+import _groupBy from 'lodash-es/groupBy';
+import _cloneDeep from 'lodash-es/cloneDeep';
+import {replace} from 'connected-react-router';
+import {Model} from '../components/MetaComponent';
+
+export const queryConfig = (config, defaultConfig = null) => {
+    config = _isObject(config) ? config : {};
+    defaultConfig = defaultConfig ? queryConfig(defaultConfig) : {};
+
+    config = _cloneDeep({
+        useHash: false,
+        attributes: [],
+        ...config,
+    });
+
+    const defaults = _groupBy(defaultConfig.attributes, 'attribute');
+    Object.keys(defaults).forEach(attribute => {
+        if (!config.attributes.find(item => item === attribute || item.attribute === attribute)) {
+            config.attributes.push(attribute);
+        }
+    });
+
+    // Normalize attributes
+    config.attributes = config.attributes
+        .map(item => {
+            if (_isString(item)) {
+                item = {attribute: item};
+            }
+
+            item = {
+                type: 'string', // string, string[], number, number[], boolean, boolean[]
+                attribute: null,
+                defaultValue: null,
+                toFormConverter: null,
+                toQueryConverter: null,
+                ..._get(defaults, [item.attribute, 0]),
+                ...item,
+            };
+
+            return item;
+        })
+        .filter(item => !!item.attribute);
+
+    return config;
+};
+
+export const defaultFromStringConverter = (value, type, item) => {
+    type = type || '';
+
+    // Array
+    if (type.substr(-2) === '[]') {
+        const subType = type.substr(0, type.length - 2);
+        return value
+            ? value.split(',').map(v => defaultFromStringConverter(v, subType, item))
+            : null;
+    }
+
+    // Single
+    switch (type) {
+        case 'number':
+            return value || String(value) === '0' ? _toInteger(value) : null;
+
+        case 'boolean':
+            return ['1', 't', 'y'].includes(String(value).substr(0, 1)) || null;
+
+        default:
+        case 'string':
+            return value ? String(value) : null;
+    }
+};
+
+export const defaultToStringConverter = (value, type, item) => {
+    type = type || '';
+
+    // Array
+    if (type.substr(-2) === '[]') {
+        return value
+            ? value.join(',')
+            : null;
+    }
+
+    // Single
+    switch (type) {
+        case 'boolean':
+            return value ? '1' : null;
+
+        default:
+        case 'string':
+        case 'number':
+            return value ? String(value) : null;
+    }
+};
+
+export const queryRestore = (model: Model, location, useHash) => {
+    const values = queryString.parse(useHash ? location.hash : location.search);
+    const result = {};
+
+    model.attributes.forEach(item => {
+        if (typeof item !== 'string') {
+            const converter = item.fromStringConverter || defaultFromStringConverter;
+            const value = converter(String(values[item.attribute]), item.type, item);
+            if (value !== null || item.defaultValue !== null) {
+                result[item.attribute] = value !== null ? value : item.defaultValue;
+            }
+        }
+    });
+
+    return result;
+};
+
+/**
+ * WARNING
+ * Method incorrectly saves nested objects (e.g. {foo: [{bar: 1}]}
+ * // @todo use 'qs' library instead of 'query-string'
+ *
+ */
+export const queryReplace = (model: Model, location, values, useHash) => {
+    const result = {};
+    model.attributes.forEach(item => {
+        if (typeof item !== 'string' && values[item.attribute] !== item.defaultValue) {
+            const converter = item.toStringConverter || defaultToStringConverter;
+            const value = converter(values[item.attribute], item.type, item);
+            if (value !== null) {
+                result[item.attribute] = value;
+            }
+        }
+    });
+
+    let query = queryString.stringify(result);
+    if (useHash) {
+        query = '#' + query;
+        if (location.hash !== query) {
+            location.hash = query;
+        }
+        return [];
+    } else {
+        query = '?' + query
+        if (location.search !== query) {
+            return replace(location.pathname + query);
+        }
+    }
+};

package/utils/text.ts

@@ -0,0 +1,82 @@
+import _orderBy from 'lodash-es/orderBy';
+
+const stringToWords = str => {
+    let words = [];
+    String(str).split(' ').forEach(strItem => {
+        words = words.concat(strItem.match(/^[^\p{Lu}]+/u));
+        words = words.concat(strItem.match(/[\p{Lu}][^\p{Lu}]*/gu));
+        words.push(' ');
+    });
+    words.pop();
+    return words.filter(Boolean);
+}
+
+export const smartSearch = (query, sourceItems) => {
+    if (!query) {
+        return sourceItems;
+    }
+    const queryCharacters = query.split('');
+    // Match
+    let items = sourceItems.filter(item => {
+        const id = item.id;
+        const words = stringToWords(item.label || '');
+        if (words.length === 0 || !id) {
+            return false;
+        }
+        let word = null;
+        let highlighted = [['', false]];
+        let index = 0;
+        let wordIndex = 0;
+        let wordChar = null;
+        let wordCharIndex = 0;
+        while (true) {
+            const char = queryCharacters[index];
+            if (!char) {
+                highlighted.push([
+                    word.substr(wordCharIndex) + words.slice(wordIndex + 1).join(''),
+                    false
+                ]);
+                break;
+            }
+            word = words[wordIndex];
+            wordChar = (word && word.split('')[wordCharIndex]) || '';
+            if (!word) {
+                highlighted = [];
+                break;
+            }
+            const isMatch = !char.match(/[\p{Lu}]/u)
+                ? wordChar.toLowerCase() === char.toLowerCase()
+                : wordChar === char;
+            if (isMatch) {
+                index++;
+                wordCharIndex++;
+                highlighted[highlighted.length - 1][0] += wordChar;
+                highlighted[highlighted.length - 1][1] = true;
+            } else {
+                highlighted.push([word.substr(wordCharIndex), false]);
+                highlighted.push(['', false]);
+                wordIndex++;
+                wordCharIndex = 0;
+            }
+        }
+        highlighted = highlighted.filter(item => !!item[0]);
+        if (highlighted.findIndex(item => item[1]) !== -1) {
+            item.labelHighlighted = highlighted;
+            return true;
+        }
+        return false;
+    });
+    items = _orderBy(
+        items,
+        item => {
+            // Fined first word is priority
+            if (item.labelHighlighted) {
+                return item.labelHighlighted.findIndex(i => i[1]);
+            }
+            return Infinity;
+        },
+        'asc'
+    );
+
+    return items;
+};

package/actions/auth.d.ts

@@ -1,24 +0,0 @@
-export declare const AUTH_INIT = "AUTH_INIT";
-export declare const AUTH_INIT_USER = "AUTH_INIT_USER";
-export declare const AUTH_SET_DATA = "AUTH_SET_DATA";
-export declare const AUTH_ADD_SOCIAL = "AUTH_ADD_SOCIAL";
-export declare const init: (skipInitialized?: boolean) => (dispatch: any, getState: any) => any;
-export declare const reInit: () => (dispatch: any, getState: any) => any;
-export declare const login: (token: any, redirectPageId?: string | boolean) => (dispatch: any, getState: any, { http }: {
-    http: any;
-}) => any;
-export declare const addSocial: (social: any) => {
-    type: string;
-    social: any;
-};
-export declare const setUser: (user: any) => {
-    type: string;
-    user: any;
-};
-export declare const setData: (data: any) => {
-    type: string;
-    data: any;
-};
-export declare const logout: (routeId?: string | boolean, routeParams?: any) => (dispatch: any, getState: any, { http }: {
-    http: any;
-}) => any;

package/actions/auth.js

@@ -1,65 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.logout = exports.setData = exports.setUser = exports.addSocial = exports.login = exports.reInit = exports.init = exports.AUTH_ADD_SOCIAL = exports.AUTH_SET_DATA = exports.AUTH_INIT_USER = exports.AUTH_INIT = void 0;
-var router_1 = require("./router");
-exports.AUTH_INIT = 'AUTH_INIT';
-exports.AUTH_INIT_USER = 'AUTH_INIT_USER';
-exports.AUTH_SET_DATA = 'AUTH_SET_DATA';
-exports.AUTH_ADD_SOCIAL = 'AUTH_ADD_SOCIAL';
-var init = function (skipInitialized) {
-    if (skipInitialized === void 0) { skipInitialized = false; }
-    return function (dispatch, getState) {
-        if (skipInitialized) {
-            var state = getState();
-            if (state.auth && state.auth.isInitialized) {
-                return [];
-            }
-        }
-        return dispatch({
-            type: exports.AUTH_INIT
-        });
-    };
-};
-exports.init = init;
-var reInit = function () { return exports.init(); };
-exports.reInit = reInit;
-var login = function (token, redirectPageId) {
-    if (redirectPageId === void 0) { redirectPageId = 'root'; }
-    return function (dispatch, getState, _a) {
-        var http = _a.http;
-        http.setAccessToken(token);
-        return dispatch({
-            type: exports.AUTH_INIT,
-            redirectPageId: redirectPageId || null
-        });
-    };
-};
-exports.login = login;
-var addSocial = function (social) { return ({
-    type: exports.AUTH_ADD_SOCIAL,
-    social: social
-}); };
-exports.addSocial = addSocial;
-var setUser = function (user) { return ({
-    type: exports.AUTH_INIT_USER,
-    user: user || null
-}); };
-exports.setUser = setUser;
-var setData = function (data) { return ({
-    type: exports.AUTH_SET_DATA,
-    data: data
-}); };
-exports.setData = setData;
-var logout = function (routeId, routeParams) {
-    if (routeId === void 0) { routeId = 'root'; }
-    if (routeParams === void 0) { routeParams = null; }
-    return function (dispatch, getState, _a) {
-        var http = _a.http;
-        http.removeAccessToken();
-        return dispatch([
-            exports.setUser(null),
-            routeId && router_1.goToRoute(routeId, routeParams),
-        ].filter(Boolean));
-    };
-};
-exports.logout = logout;

package/actions/fields.d.ts

@@ -1,5 +0,0 @@
-export declare const FIELDS_SET_META = "FIELDS_SET_META";
-export declare const setMeta: (meta: any) => {
-    type: string;
-    meta: any;
-};

package/actions/fields.js

@@ -1,9 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.setMeta = exports.FIELDS_SET_META = void 0;
-exports.FIELDS_SET_META = 'FIELDS_SET_META';
-var setMeta = function (meta) { return ({
-    type: exports.FIELDS_SET_META,
-    meta: meta
-}); };
-exports.setMeta = setMeta;

package/actions/form.d.ts

@@ -1,59 +0,0 @@
-export declare const FORM_INITIALIZE = "@form/initialize";
-export declare const FORM_CHANGE = "@form/change";
-export declare const FORM_RESET = "@form/reset";
-export declare const FORM_SET_ERRORS = "@form/set_errors";
-export declare const FORM_ARRAY_ADD = "@form/array_add";
-export declare const FORM_ARRAY_REMOVE = "@form/array_remove";
-/**
- * Инициализация формы, сохранение первоначальных данных
- * @param formId
- * @param values
- */
-export declare const formInitialize: (formId: any, values: any) => {
-    type: string;
-    formId: any;
-    values: any;
-};
-/**
- * Изменение значения поля
- * @param formId
- * @param name
- * @param value
- */
-export declare const formChange: (formId: any, name: any, value: any) => {
-    type: string;
-    formId: any;
-    name: any;
-    value: any;
-};
-/**
- * Задать ошибки
- * @param formId
- * @param errors
- */
-export declare const formSetErrors: (formId: any, errors: any) => {
-    type: string;
-    formId: any;
-    errors: any;
-};
-/**
- * Сброс данных формы к первоначальному состоянию (к initialValues)
- * @param formId
- */
-export declare const formReset: (formId: any) => {
-    type: string;
-    formId: any;
-};
-export declare const formArrayAdd: (formId: any, name: any, rowsCount: any, initialValues: any) => {
-    type: string;
-    formId: any;
-    name: any;
-    rowsCount: any;
-    initialValues: any;
-};
-export declare const formArrayRemove: (formId: any, name: any, index: any) => {
-    type: string;
-    formId: any;
-    name: any;
-    index: any;
-};

package/actions/form.js

@@ -1,68 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.formArrayRemove = exports.formArrayAdd = exports.formReset = exports.formSetErrors = exports.formChange = exports.formInitialize = exports.FORM_ARRAY_REMOVE = exports.FORM_ARRAY_ADD = exports.FORM_SET_ERRORS = exports.FORM_RESET = exports.FORM_CHANGE = exports.FORM_INITIALIZE = void 0;
-exports.FORM_INITIALIZE = '@form/initialize';
-exports.FORM_CHANGE = '@form/change';
-exports.FORM_RESET = '@form/reset';
-exports.FORM_SET_ERRORS = '@form/set_errors';
-exports.FORM_ARRAY_ADD = '@form/array_add';
-exports.FORM_ARRAY_REMOVE = '@form/array_remove';
-/**
- * Инициализация формы, сохранение первоначальных данных
- * @param formId
- * @param values
- */
-var formInitialize = function (formId, values) { return ({
-    type: exports.FORM_INITIALIZE,
-    formId: formId,
-    values: values
-}); };
-exports.formInitialize = formInitialize;
-/**
- * Изменение значения поля
- * @param formId
- * @param name
- * @param value
- */
-var formChange = function (formId, name, value) { return ({
-    type: exports.FORM_CHANGE,
-    formId: formId,
-    name: name,
-    value: value
-}); };
-exports.formChange = formChange;
-/**
- * Задать ошибки
- * @param formId
- * @param errors
- */
-var formSetErrors = function (formId, errors) { return ({
-    type: exports.FORM_SET_ERRORS,
-    formId: formId,
-    errors: errors
-}); };
-exports.formSetErrors = formSetErrors;
-/**
- * Сброс данных формы к первоначальному состоянию (к initialValues)
- * @param formId
- */
-var formReset = function (formId) { return ({
-    type: exports.FORM_RESET,
-    formId: formId
-}); };
-exports.formReset = formReset;
-var formArrayAdd = function (formId, name, rowsCount, initialValues) { return ({
-    type: exports.FORM_ARRAY_ADD,
-    formId: formId,
-    name: name,
-    rowsCount: rowsCount,
-    initialValues: initialValues
-}); };
-exports.formArrayAdd = formArrayAdd;
-var formArrayRemove = function (formId, name, index) { return ({
-    type: exports.FORM_ARRAY_REMOVE,
-    formId: formId,
-    name: name,
-    index: index
-}); };
-exports.formArrayRemove = formArrayRemove;