@steroidsjs/core 3.0.64 → 3.0.66

package/actions/list.d.ts

@@ -109,6 +109,7 @@ export declare const LIST_DESTROY = "@list/destroy";
 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 }: {
     http: any;
 }) => any;
@@ -135,6 +136,11 @@ export declare const listSetLayout: (listId: any, layoutName: any) => {
     listId: any;
     layoutName: any;
 };
+export declare const listChangeAction: (listId: any, action: any) => {
+    type: string;
+    listId: any;
+    action: any;
+};
 /**
  * Update query values and send request
  * @param listId

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.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;
+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;
 var get_1 = __importDefault(require("lodash-es/get"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
@@ -37,6 +37,7 @@ 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';
+exports.LIST_CHANGE_ACTION = '@list/change_action';
 //const STORAGE_LAYOUT_KEY_PREFIX = 'listLayout_';
 var lazyTimers = {};
 var createList = function (listId, props) { return ({
@@ -142,6 +143,12 @@ var listSetLayout = function (listId, layoutName) { return ({
     layoutName: layoutName
 }); };
 exports.listSetLayout = listSetLayout;
+var listChangeAction = function (listId, action) { return ({
+    type: exports.LIST_CHANGE_ACTION,
+    listId: listId,
+    action: action
+}); };
+exports.listChangeAction = listChangeAction;
 /*export const initSSR = (listId, props) => (dispatch, getState, {http, clientStorage}) => {
     const state = getState()
     const stateList = _get(state, ['list', 'lists', listId]);

package/hooks/useList.js

@@ -275,6 +275,16 @@ function useList(config) {
             (0, list_2.listSetItems)(config.listId, config.items),
         ]);
     }, [dispatch, config.items, config.listId]);
+    // Check change action
+    var prevAction = (0, react_use_1.usePrevious)(config.action);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (prevAction && !(0, isEqual_1["default"])(config.action, prevAction)) {
+            dispatch([
+                (0, list_2.listChangeAction)(config.listId, config.action),
+                (0, list_2.listLazyFetch)(config.listId),
+            ]);
+        }
+    }, [dispatch, config.listId, config.action, prevAction]);
     // Destroy
     (0, react_use_1.useUnmount)(function () {
         var autoDestroy = typeof config.autoDestroy === 'boolean'

package/package.json

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

package/reducers/list.js

@@ -133,6 +133,10 @@ var reducerMap = (_a = {},
         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)) }));
     },
+    _a[list_1.LIST_CHANGE_ACTION] = function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { action: action.action }), _a)) }));
+    },
     _a);
 exports["default"] = (function (state, action) {
     if (state === void 0) { state = initialState; }

package/ui/form/DropDownField/DropDownField.js

@@ -240,7 +240,7 @@ function DropDownField(props) {
     var viewProps = (0, react_1.useMemo)(function () { return (__assign({ isAutoComplete: isAutoComplete, items: items, hoveredId: hoveredId, selectedIds: selectedIds, inputRef: inputRef, autoCompleteInputForwardedRef: autoCompleteInputForwardedRef, searchInputProps: searchInputProps, isOpened: isOpened, isLoading: isLoading, onOpen: onOpen, selectedItems: selectedItems, 
         // TODO onFocus
         // TODO onBlur
-        onReset: onReset, onClose: onClose, renderItem: renderItem, onItemRemove: onItemRemove, hasGroup: hasGroup, multiple: props.multiple, isSearchAutoFocus: props.isSearchAutoFocus, itemToSelectAll: normalizedItemToSelectAll, className: props.className, viewProps: props.viewProps, dropDownProps: dropDownProps, style: props.style, size: props.size, color: props.color, outline: props.outline, placeholder: props.placeholder, showReset: props.showReset, showEllipses: props.showEllipses, errors: props.errors, disabled: props.disabled, maxHeight: props.maxHeight }, dataProvider)); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps,
+        onReset: onReset, onClose: onClose, renderItem: renderItem, onItemRemove: onItemRemove, onItemSelect: onItemSelect, hasGroup: hasGroup, multiple: props.multiple, isSearchAutoFocus: props.isSearchAutoFocus, itemToSelectAll: normalizedItemToSelectAll, className: props.className, viewProps: props.viewProps, dropDownProps: dropDownProps, style: props.style, size: props.size, color: props.color, outline: props.outline, placeholder: props.placeholder, showReset: props.showReset, showEllipses: props.showEllipses, errors: props.errors, disabled: props.disabled, maxHeight: props.maxHeight }, dataProvider)); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps,
         isOpened, isLoading, onOpen, selectedItems, onReset, onClose, renderItem, dropDownProps,
         onItemRemove, hasGroup, props.multiple, props.isSearchAutoFocus, props.className,
         props.style, props.size, props.color, props.outline, props.placeholder, props.showReset,