@steroidsjs/core 3.0.42 → 3.0.43

package/docs-autogen-result.json

@@ -3087,6 +3087,14 @@
                     "type": "string",
                     "example": "'/api/v1/search'"
                 },
+                {
+                    "name": "actionMethod",
+                    "decorators": [],
+                    "description": "Тип HTTP запроса (GET | POST | PUT | DELETE)",
+                    "required": false,
+                    "type": "string",
+                    "example": "GET"
+                },
                 {
                     "name": "params",
                     "decorators": [],
@@ -3202,6 +3210,14 @@
             "defaultProps": null,
             "extends": [],
             "properties": [
+                {
+                    "name": "fetchRemote",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "{}",
+                    "example": null
+                },
                 {
                     "name": "isAutoComplete",
                     "decorators": [],
@@ -18762,7 +18778,7 @@
             "extends": [
                 "IFieldWrapperInputProps",
                 "Omit<IDataProviderConfig",
-                "'items'>",
+                "'items' | 'initialSelectedIds'>",
                 "Omit<IDataSelectConfig",
                 "'items'>",
                 "IUiComponent"
@@ -18885,15 +18901,6 @@
                     "example": null,
                     "defaultValue": null
                 },
-                {
-                    "name": "initialSelectedIds",
-                    "decorators": [],
-                    "description": "Идентификаторы выбранных значений, которые необходимо подгрузить при `autoFetch` режиме.\nНа бекенд будут переданы идентификаторы в параметре `ids`, которые необходимо вернуть.\nИспользуется только при `autoFetch = true`",
-                    "required": false,
-                    "type": "number[]",
-                    "example": "[1, 22]",
-                    "defaultValue": null
-                },
                 {
                     "name": "inputProps",
                     "decorators": [],
@@ -18912,6 +18919,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isFetchOnClose",
+                    "decorators": [],
+                    "description": "Нужно ли подгружать данные после закрытия DropDown",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],
@@ -19335,14 +19351,6 @@
                     "type": "string",
                     "example": null
                 },
-                {
-                    "name": "initialSelectedIds",
-                    "decorators": [],
-                    "description": "Идентификаторы выбранных значений, которые необходимо подгрузить при `autoFetch` режиме.\nНа бекенд будут переданы идентификаторы в параметре `ids`, которые необходимо вернуть.\nИспользуется только при `autoFetch = true`",
-                    "required": false,
-                    "type": "number[]",
-                    "example": "[1, 22]"
-                },
                 {
                     "name": "inputProps",
                     "decorators": [],
@@ -19367,6 +19375,14 @@
                     "type": "boolean",
                     "example": null
                 },
+                {
+                    "name": "isFetchOnClose",
+                    "decorators": [],
+                    "description": "Нужно ли подгружать данные после закрытия DropDown",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "isLoading",
                     "decorators": [],

package/en.json

@@ -1007,6 +1007,7 @@
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "View компонент для элемента дерева": "",
     "Разделитель для даты и времени, не влияет на отображение": "",
+    "Нужно ли подгружать данные после закрытия DropDown": "",
     "Начальные элементы списка": "",
     "Значения для полей при нажатии кнопки 'Добавить'": "",
     "Название иконки, которая отобразится для удаления группы с полями": "",

package/hooks/useDataProvider.d.ts

@@ -35,6 +35,11 @@ export interface IDataProvider {
      * @example '/api/v1/search'
      */
     action?: string;
+    /**
+     * Тип HTTP запроса (GET | POST | PUT | DELETE)
+     * @example GET
+     */
+    actionMethod?: HttpMethod;
     /**
      * Параметры запроса
      * @example {pageSize: 3}
@@ -100,6 +105,7 @@ export interface IDataProviderConfig {
     initialSelectedIds?: number[];
 }
 export interface IDataProviderResult {
+    fetchRemote: ((isAuto: boolean) => Promise<void>) | null;
     items?: {
         id: number | string | boolean;
         label?: string;

package/hooks/useDataProvider.js

@@ -126,51 +126,53 @@ function useDataProvider(config) {
     var prevParams = (0, react_use_1.usePrevious)(dataProvider.params);
     var prevValues = (0, react_use_1.usePrevious)(config.initialSelectedIds);
     var prevAction = (0, react_use_1.usePrevious)((_b = config === null || config === void 0 ? void 0 : config.dataProvider) === null || _b === void 0 ? void 0 : _b.action);
+    var fetchRemote = (0, react_1.useCallback)(function (isAuto) { return __awaiter(_this, void 0, void 0, function () {
+        var searchHandler, result, newItems;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    searchHandler = dataProvider.onSearch || (function (method, params) { return components.http
+                        .send(dataProvider.actionMethod, method, params)
+                        .then(function (response) { return response.data; }); });
+                    result = searchHandler(dataProvider.action, __assign(__assign(__assign({ query: config.query }, (isAuto ? { ids: config.initialSelectedIds } : null)), (((_a = config.initialSelectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? { withIds: config.initialSelectedIds } : null)), config.dataProvider.params));
+                    if (!(result && (0, isFunction_1["default"])(result.then))) return [3 /*break*/, 2];
+                    setIsLoading(true);
+                    return [4 /*yield*/, result];
+                case 1:
+                    newItems = _b.sent();
+                    setIsLoading(false);
+                    _b.label = 2;
+                case 2:
+                    // Update items
+                    newItems = (0, data_1.normalizeItems)(newItems);
+                    if (!config.query) {
+                        setSourceItems(newItems);
+                    }
+                    else {
+                        setSourceItems((0, uniqBy_1["default"])(__spreadArray(__spreadArray([], sourceItems, true), newItems, true), 'id'));
+                    }
+                    setItems(newItems);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [components.http, config.dataProvider, config.initialSelectedIds, config.query, dataProvider.action,
+        dataProvider.actionMethod, dataProvider.onSearch, setSourceItems, sourceItems]);
     (0, react_1.useEffect)(function () {
         var _a;
-        var fetchRemote = function (isAuto) { return __awaiter(_this, void 0, void 0, function () {
-            var searchHandler, result, newItems;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        searchHandler = dataProvider.onSearch || (function (method, params) { return components.http
-                            .send(dataProvider.actionMethod, method, params)
-                            .then(function (response) { return response.data; }); });
-                        result = searchHandler(dataProvider.action, __assign(__assign(__assign({ query: config.query }, (isAuto ? { ids: config.initialSelectedIds } : null)), (((_a = config.initialSelectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? { withIds: config.initialSelectedIds } : null)), config.dataProvider.params));
-                        if (!(result && (0, isFunction_1["default"])(result.then))) return [3 /*break*/, 2];
-                        setIsLoading(true);
-                        return [4 /*yield*/, result];
-                    case 1:
-                        newItems = _b.sent();
-                        setIsLoading(false);
-                        _b.label = 2;
-                    case 2:
-                        // Update items
-                        newItems = (0, data_1.normalizeItems)(newItems);
-                        if (!config.query) {
-                            setSourceItems(newItems);
-                        }
-                        else {
-                            setSourceItems((0, uniqBy_1["default"])(__spreadArray(__spreadArray([], sourceItems, true), newItems, true), 'id'));
-                        }
-                        setItems(newItems);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
         if (!config.dataProvider) {
             // Client-side search on static items
             setItems(config.query ? (0, text_1.smartSearch)(config.query, sourceItems) : sourceItems);
+            return;
         }
-        else if (config.autoFetch && isAutoFetchedRef.current === false) {
+        if (config.autoFetch && !isAutoFetchedRef.current) {
             isAutoFetchedRef.current = true;
             fetchRemote(true);
         }
-        else if (!(0, isEqual_1["default"])(prevValues, config.initialSelectedIds)) {
+        else if (!prevValues && !(0, isEqual_1["default"])(prevValues, config.initialSelectedIds)) {
             fetchRemote(false);
         }
-        else if (autoComplete.enable || (config.autoFetch && isAutoFetchedRef.current === true)) {
+        else if (autoComplete.enable || (config.autoFetch && isAutoFetchedRef.current)) {
             // Fetch data when action changes
             if (prevAction !== ((_a = config === null || config === void 0 ? void 0 : config.dataProvider) === null || _a === void 0 ? void 0 : _a.action)) {
                 fetchRemote(false);
@@ -185,8 +187,9 @@ function useDataProvider(config) {
             }
         }
     }, [autoComplete, components.http, config.autoFetch, config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
-        dataProvider.action, dataProvider.onSearch, prevAction, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
+        dataProvider.action, dataProvider.onSearch, fetchRemote, prevAction, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
     return {
+        fetchRemote: config.dataProvider && fetchRemote,
         sourceItems: sourceItems,
         items: items,
         isLoading: isLoading,

package/package.json

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

package/ui/form/DropDownField/DropDownField.d.ts

@@ -53,7 +53,7 @@ export interface IDropDownFieldItemViewProps extends IAccordionItemViewProps, Pi
  * Он поддерживает различные типы контента для элементов списка, такие как флажки, радиокнопки, иконки и изображения.
  *
 **/
-export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IDataProviderConfig, 'items'>, Omit<IDataSelectConfig, 'items'>, IUiComponent {
+export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IDataProviderConfig, 'items' | 'initialSelectedIds'>, Omit<IDataSelectConfig, 'items'>, IUiComponent {
     /**
      * Placeholder подсказка
      * @example Your text...
@@ -152,6 +152,11 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
      * Callback-функция, которая вызывается при закрытии DropDown
      */
     onClose?: (selectedIds: PrimaryKey[]) => void;
+    /**
+     * Нужно ли подгружать данные после закрытия DropDown
+     * @example true
+     */
+    isFetchOnClose?: boolean;
     [key: string]: any;
 }
 export interface IDropDownFieldViewProps extends IDropDownFieldProps {

package/ui/form/DropDownField/DropDownField.js

@@ -50,6 +50,7 @@ exports.IMG_CONTENT_TYPE = exports.ICON_CONTENT_TYPE = exports.RADIO_CONTENT_TYP
 var react_1 = __importStar(require("react"));
 var react_use_1 = require("react-use");
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var includes_1 = __importDefault(require("lodash-es/includes"));
 var isPlainObject_1 = __importDefault(require("lodash-es/isPlainObject"));
 var hooks_1 = require("../../../hooks");
@@ -91,7 +92,7 @@ function DropDownField(props) {
             setSelectedAccordionItems(newState);
         }
     };
-    var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
+    var inputSelectedIds = (0, react_1.useMemo)(function () { return (0, isEmpty_1["default"])(props.selectedIds) ? [].concat(props.input.value || []) : props.selectedIds; }, [props.input.value, props.selectedIds]);
     // Data provider
     var _c = (0, hooks_1.useDataProvider)({
         items: props.items,
@@ -100,7 +101,7 @@ function DropDownField(props) {
         autoFetch: props.autoFetch,
         query: query,
         initialSelectedIds: inputSelectedIds
-    }), items = _c.items, isLoading = _c.isLoading, isAutoComplete = _c.isAutoComplete, sourceItems = _c.sourceItems;
+    }), fetchRemote = _c.fetchRemote, items = _c.items, isLoading = _c.isLoading, isAutoComplete = _c.isAutoComplete, sourceItems = _c.sourceItems;
     // Data select
     var _d = (0, hooks_1.useDataSelect)({
         multiple: props.multiple,
@@ -144,11 +145,14 @@ function DropDownField(props) {
         if (isOpened) {
             setIsFocused(false);
             setIsOpened(false);
+            if (props.isFetchOnClose && fetchRemote) {
+                fetchRemote(false);
+            }
             if (props.onClose) {
                 props.onClose(selectedIds);
             }
         }
-    }, [isOpened, props, selectedIds, setIsFocused, setIsOpened]);
+    }, [fetchRemote, isOpened, props, selectedIds, setIsFocused, setIsOpened]);
     // Outside click -> close
     var forwardedRef = (0, react_1.useRef)(null);
     if (process.env.PLATFORM !== 'mobile') {
@@ -258,6 +262,7 @@ DropDownField.defaultProps = {
     showReset: false,
     multiple: false,
     isSearchAutoFocus: true,
-    itemToSelectAll: false
+    itemToSelectAll: false,
+    isFetchOnClose: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('DropDownField', DropDownField);