@steroidsjs/core 3.0.67 → 3.0.69

package/actions/list.d.ts

@@ -110,8 +110,10 @@ export declare const LIST_TOGGLE_ITEM = "@list/toggle_item";
 export declare const LIST_TOGGLE_ALL = "@list/toggle_all";
 export declare const LIST_SET_LAYOUT = "@list/set_layout";
 export declare const LIST_CHANGE_ACTION = "@list/change_action";
-export declare const httpFetchHandler: (list: IList, query: any, { http }: {
+export declare const LIST_SELECT_ITEM = "@list/select_item";
+export declare const httpFetchHandler: (list: IList, query: any, { http, httpCancelToken }: {
     http: any;
+    httpCancelToken: any;
 }) => any;
 export declare const localFetchHandler: (list: IList, query: Record<string, unknown>) => {
     items: any[];
@@ -192,3 +194,8 @@ export declare const toggleAll: (listId: any) => {
     listId: any;
     type: string;
 };
+export declare const selectItem: (listId: any, itemId: any) => {
+    listId: any;
+    itemId: any;
+    type: string;
+};

package/actions/list.js

@@ -14,7 +14,7 @@ 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.listChangeAction = exports.listSetLayout = exports.listSetItems = exports.listInit = exports.localFetchHandler = exports.httpFetchHandler = exports.LIST_CHANGE_ACTION = 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;
+exports.selectItem = exports.toggleAll = exports.toggleItem = exports.deleteItem = exports.update = exports.add = exports.listDestroy = exports.listRefresh = exports.listLazyFetch = exports.listFetch = exports.listChangeAction = exports.listSetLayout = exports.listSetItems = exports.listInit = exports.localFetchHandler = exports.httpFetchHandler = exports.LIST_SELECT_ITEM = exports.LIST_CHANGE_ACTION = 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"));
@@ -23,6 +23,7 @@ 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 axios_1 = __importDefault(require("axios"));
 var form_1 = require("../reducers/form");
 var form_2 = require("../actions/form");
 var data_1 = require("../utils/data");
@@ -38,6 +39,7 @@ exports.LIST_TOGGLE_ITEM = '@list/toggle_item';
 exports.LIST_TOGGLE_ALL = '@list/toggle_all';
 exports.LIST_SET_LAYOUT = '@list/set_layout';
 exports.LIST_CHANGE_ACTION = '@list/change_action';
+exports.LIST_SELECT_ITEM = '@list/select_item';
 //const STORAGE_LAYOUT_KEY_PREFIX = 'listLayout_';
 var lazyTimers = {};
 var createList = function (listId, props) { return ({
@@ -61,18 +63,22 @@ var createList = function (listId, props) { return ({
     layoutAttribute: (0, get_1["default"])(props, '_layout.attribute') || null
 }); };
 var httpFetchHandler = function (list, query, _a) {
-    var http = _a.http;
+    var http = _a.http, httpCancelToken = _a.httpCancelToken;
     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)
+        .send(list.actionMethod, url || window.location.pathname, query, {
+        cancelToken: httpCancelToken
+    })
         .then(function (response) { return response.data; })["catch"](function (error) {
         if (typeof list.onError === 'function') {
             list.onError(error);
         }
+        // rethrow чтобы внешняя логика могла отловить отмену/ошибку
+        throw error;
     });
 };
 exports.httpFetchHandler = httpFetchHandler;
@@ -149,31 +155,7 @@ var listChangeAction = function (listId, action) { return ({
     action: action
 }); };
 exports.listChangeAction = listChangeAction;
-/*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
-        }))
-    );
-};*/
+var _cancelSourceByList = new Map();
 /**
  * Update query values and send request
  * @param listId
@@ -205,9 +187,24 @@ var listFetch = function (listId, query) {
                 type: exports.LIST_BEFORE_FETCH
             });
         }
+        // Axios cancel logic: cancel previous request for this listId
+        var prevSource = _cancelSourceByList.get(listId);
+        if (prevSource) {
+            // отменяем предыдущий активный запрос (если он ещё выполняется)
+            try {
+                prevSource.cancel('Cancelled by new request');
+            }
+            catch (e) {
+                /* ignore */
+            }
+        }
+        var cancelSource = axios_1["default"].CancelToken.source();
+        _cancelSourceByList.set(listId, cancelSource);
         // Send request
-        toDispatch.push(Promise.resolve(onFetch(list, formValues, components)).then(function (data) {
+        toDispatch.push(Promise.resolve(onFetch(list, formValues, __assign(__assign({}, components), { httpCancelToken: cancelSource.token }))).then(function (data) {
             var _a;
+            // cleanup: текущий источник уже отработал
+            _cancelSourceByList["delete"](listId);
             // Skip on empty
             if (!data) {
                 return [];
@@ -230,7 +227,6 @@ var listFetch = function (listId, query) {
             var totalPages = Math.ceil(((list === null || list === void 0 ? void 0 : list.total) || 0) / (pageSize || 1));
             var hasNextPage = (_a = data === null || data === void 0 ? void 0 : data.hasNextPage) !== null && _a !== void 0 ? _a : (page !== totalPages || null);
             return [
-                // Check has errors
                 (0, form_2.formSetErrors)(list.formId, data.errors || null),
                 {
                     items: items,
@@ -244,6 +240,16 @@ var listFetch = function (listId, query) {
                     type: exports.LIST_AFTER_FETCH
                 },
             ];
+        })["catch"](function (err) {
+            // Если это отмена через axios, просто игнорируем
+            _cancelSourceByList["delete"](listId);
+            // Если нужно — можно выставить ошибку формы или диспатчить событие
+            if (!axios_1["default"].isCancel(err)) {
+                // передаём ошибку дальше — если нужна стандартная обработка
+                throw err;
+            }
+            // при отмене просто возвращаем пустой массив действий
+            return [];
         }));
         return dispatch(toDispatch);
     };
@@ -318,6 +324,12 @@ var toggleAll = function (listId) { return ({
     type: exports.LIST_TOGGLE_ALL
 }); };
 exports.toggleAll = toggleAll;
+var selectItem = function (listId, itemId) { return ({
+    listId: listId,
+    itemId: itemId,
+    type: exports.LIST_SELECT_ITEM
+}); };
+exports.selectItem = selectItem;
 // TODO local storage save?
 /*export const setLayoutName = (listId, layoutName) => (
     dispatch,

package/docs-autogen-result.json

@@ -3278,6 +3278,14 @@
                     "type": "string",
                     "example": "items"
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "inputValue",
                     "decorators": [],
@@ -13795,6 +13803,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -15626,6 +15643,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -16182,6 +16208,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hasIconExpandOnly",
                     "decorators": [],
@@ -19188,6 +19223,15 @@
                     "example": "items",
                     "defaultValue": null
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "hint",
                     "decorators": [],
@@ -19657,6 +19701,14 @@
                     "type": "string",
                     "example": "items"
                 },
+                {
+                    "name": "hasCloseOnSelect",
+                    "decorators": [],
+                    "description": "Нужно ли закрывать выпадающий список после выбора элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "hint",
                     "decorators": [],

package/en.json

@@ -986,6 +986,7 @@
     "Значение страницы по умолчанию.": "",
     "Логическое значение, указывающее, можно ли загрузить еще элементы для списка при скролле.": "",
     " Ref autocomplete поиска": "",
+    "Нужно ли закрывать выпадающий список после выбора элемента": "",
     "Подключение бесконечного скролла": "",
     "Флаг определяет необходимо ли передавать query параметры в URL": "",
     "Дополнительный свойства для view части компонента": "",

package/hooks/useDataSelect.d.ts

@@ -54,6 +54,11 @@ export interface IDataSelectConfig {
      *  Ref autocomplete поиска
      */
     autoCompleteInputRef?: MutableRefObject<HTMLInputElement>;
+    /**
+     * Нужно ли закрывать выпадающий список после выбора элемента
+     * @example true
+     */
+    hasCloseOnSelect?: boolean;
 }
 export interface IDataSelectResult {
     isOpened: boolean;

package/hooks/useDataSelect.js

@@ -128,11 +128,13 @@ function useDataSelect(config) {
                 else if (selectedIds.length === 1 && selectedIds[0] === id_1) {
                     setSelectedIdsInternal([]);
                 }
-                setIsFocused(false);
-                setIsOpened(false);
+                if (config.hasCloseOnSelect) {
+                    setIsFocused(false);
+                    setIsOpened(false);
+                }
             }
         }
-    }, [config.multiple, selectedIds]);
+    }, [config.hasCloseOnSelect, config.multiple, selectedIds]);
     var setSelectedAll = (0, react_1.useCallback)(function () {
         var itemsIds = flattenedItems.map(function (item) { return item.id; });
         setSelectedIds(itemsIds);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.67",
+    "version": "3.0.69",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/reducers/list.js

@@ -129,6 +129,10 @@ var reducerMap = (_a = {},
         }
         return [];
     },
+    _a[list_1.LIST_SELECT_ITEM] = function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { selectedIds: __assign(__assign({}, state.selectedIds), (_a = {}, _a[action.listId] = action.itemId ? [action.itemId] : [], _a)) }));
+    },
     _a[list_1.LIST_SET_LAYOUT] = function (state, action) {
         var _a;
         return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { layoutName: action.layoutName }), _a)) }));

package/ui/form/DropDownField/DropDownField.js

@@ -132,7 +132,8 @@ function DropDownField(props) {
         items: items,
         sourceItems: sourceItems,
         inputValue: props.input.value,
-        autoCompleteInputRef: autoCompleteInputForwardedRef
+        autoCompleteInputRef: autoCompleteInputForwardedRef,
+        hasCloseOnSelect: props.hasCloseOnSelect
     }), isOpened = _d.isOpened, setIsOpened = _d.setIsOpened, setIsFocused = _d.setIsFocused, hoveredId = _d.hoveredId, setHoveredId = _d.setHoveredId, selectedIds = _d.selectedIds, setSelectedIds = _d.setSelectedIds, selectedItems = _d.selectedItems, setSelectedAll = _d.setSelectedAll, isSelectedAll = _d.isSelectedAll;
     var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
@@ -259,6 +260,7 @@ DropDownField.defaultProps = {
     multiple: false,
     isSearchAutoFocus: true,
     itemToSelectAll: false,
-    isFetchOnClose: false
+    isFetchOnClose: false,
+    hasCloseOnSelect: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DROPDOWN_FIELD, DropDownField);