@steroidsjs/core 2.3.0-beta.6 → 3.0.0-beta.1

package/actions/list.js

@@ -1,313 +1,320 @@
-"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, prepend) {
-    if (prepend === void 0) { prepend = false; }
-    return ({
-        item: item,
-        prepend: prepend,
-        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
-    });
-};
-*/
+"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.deleteItem = 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_DELETE = 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_ITEM_DELETE = '@list/item_delete';
+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, prepend) {
+    if (prepend === void 0) { prepend = false; }
+    return ({
+        item: item,
+        prepend: prepend,
+        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 deleteItem = function (listId, condition) { return ({
+    condition: condition,
+    listId: listId,
+    type: exports.LIST_ITEM_DELETE
+}); };
+exports.deleteItem = deleteItem;
+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
+    });
+};
+*/