@steroidsjs/core 3.0.18 → 3.0.19

package/README.md

@@ -24,3 +24,11 @@ Our Open-Source **Steroids** framework is an ecosystem based on React and Redux
 
 Explore and immerse yourself in the world of rapid development through documentation [Documentation](https://steroids.kozhin.dev/ru/docs/getting-started).
 
+## Directions for applied use of the Steroids framework
+
+- Creation of various websites (for example, an online store website)
+- Creation of CRM and ERP systems
+- Creation of SPA applications
+- Creation of admin panels
+- Creation of personal accounts
+

package/hooks/useDataProvider.js

@@ -86,7 +86,7 @@ var defaultProps = {
  */
 function useDataProvider(config) {
     var _this = this;
-    var _a;
+    var _a, _b;
     var components = (0, index_1.useComponents)();
     var dispatch = (0, index_1.useDispatch)();
     var reduxDataProviderId = (_a = config.dataProvider) === null || _a === void 0 ? void 0 : _a.reduxId;
@@ -95,10 +95,10 @@ function useDataProvider(config) {
     // Initial items
     var initialItems = (0, data_1.normalizeItems)(enumItems || config.items);
     // Items state
-    var _b = (0, react_1.useState)(initialItems), items = _b[0], setItems = _b[1];
-    var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _c = (0, react_1.useState)(initialItems), items = _c[0], setItems = _c[1];
+    var _d = (0, react_1.useState)(false), isLoading = _d[0], setIsLoading = _d[1];
     // Source items state (redux or local)
-    var _d = (0, react_1.useState)(initialItems), sourceInternalItems = _d[0], setSourceInternalItems = _d[1];
+    var _e = (0, react_1.useState)(initialItems), sourceInternalItems = _e[0], setSourceInternalItems = _e[1];
     var sourceReduxItems = (0, react_redux_1.useSelector)(function (state) { return (0, fields_2.getDataProviderItems)(state, reduxDataProviderId); });
     var sourceItems = reduxDataProviderId ? sourceReduxItems : sourceInternalItems;
     var setSourceItems = (0, react_1.useCallback)(function (value) {
@@ -125,7 +125,9 @@ function useDataProvider(config) {
     var prevQuery = (0, react_use_1.usePrevious)(config.query);
     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);
     (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;
@@ -169,6 +171,10 @@ function useDataProvider(config) {
             fetchRemote(false);
         }
         else if (autoComplete.enable || (config.autoFetch && isAutoFetchedRef.current === true)) {
+            // 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);
+            }
             if (delayTimerRef.current) {
                 clearTimeout(delayTimerRef.current);
             }
@@ -178,9 +184,8 @@ function useDataProvider(config) {
                 delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
             }
         }
-    }, [autoComplete, components.http, config.autoFetch,
-        config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
-        dataProvider.action, dataProvider.onSearch, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
+    }, [autoComplete, components.http, config.autoFetch, config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
+        dataProvider.action, dataProvider.onSearch, prevAction, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
     return {
         sourceItems: sourceItems,
         items: items,

package/package.json

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

package/ui/form/TextField/TextField.js

@@ -35,8 +35,8 @@ function TextField(props) {
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: handleChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled, ref: inputRef }, props.inputProps));
-    }, [props.input.name, props.input.value, props.placeholder, props.disabled, props.inputProps, handleChange, onKeyUp, inputRef]);
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: handleChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled, required: props.required, ref: inputRef }, props.inputProps));
+    }, [props.input.name, props.input.value, props.placeholder, props.disabled, props.required, props.inputProps, handleChange, onKeyUp, inputRef]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { inputProps: inputProps, onClear: onClear, errors: props.errors, size: props.size, className: props.className, showClear: props.showClear })); }, [inputProps, onClear, props.className, props.errors, props.showClear, props.size, props.viewProps]);
     return components.ui.renderView(props.view || 'form.TextFieldView', viewProps);
 }