@steroidsjs/core 3.0.17 → 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/docs-autogen-result.json

@@ -22134,7 +22134,8 @@
                 "actionMethod": "'POST'",
                 "autoStartTwoFactor": "true",
                 "captchaActionName": "'submit'",
-                "size": "'md'"
+                "size": "'md'",
+                "useClearErrors": "true"
             },
             "extends": [
                 "IUiComponent"
@@ -22320,6 +22321,15 @@
                     "example": "Submit",
                     "defaultValue": null
                 },
+                {
+                    "name": "useClearErrors",
+                    "decorators": [],
+                    "description": "Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": "true"
+                },
                 {
                     "name": "useRedux",
                     "decorators": [],
@@ -36612,6 +36622,15 @@
                     "example": "Submit",
                     "defaultValue": null
                 },
+                {
+                    "name": "useClearErrors",
+                    "decorators": [],
+                    "description": "Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "useRedux",
                     "decorators": [],

package/en.json

@@ -999,6 +999,7 @@
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "Размер компонента и вложенных полей": "",
     "Параметры для кнопки отправки формы": "",
+    "Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено": "",
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Допустимое количество символов после разделителя": "",

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.17",
+    "version": "3.0.19",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/form/Form/Form.d.ts

@@ -166,6 +166,10 @@ export interface IFormProps extends IUiComponent {
      * Размер компонента и вложенных полей
      */
     size?: Size;
+    /**
+     * Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено
+     */
+    useClearErrors?: boolean;
     [key: string]: any;
 }
 export interface IFormViewProps {
@@ -229,6 +233,7 @@ declare namespace Form {
         autoStartTwoFactor: boolean;
         captchaActionName: string;
         size: string;
+        useClearErrors: boolean;
     };
 }
 export default Form;

package/ui/form/Form/Form.js

@@ -147,7 +147,11 @@ function Form(props) {
     });
     // Clear Errors
     var prevValues = (0, react_use_1.usePrevious)(values);
-    (0, react_use_1.useUpdateEffect)(function () { return (0, form_1.clearErrors)(values, prevValues, errors, setErrors); }, [errors, prevValues, setErrors, values]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (props.useClearErrors) {
+            (0, form_1.clearErrors)(values, prevValues, errors, setErrors);
+        }
+    }, [props.useClearErrors, errors, prevValues, setErrors, values]);
     // OnChange handler
     (0, react_use_1.useUpdateEffect)(function () {
         if (props.onChange) {
@@ -336,6 +340,7 @@ Form.defaultProps = {
     actionMethod: 'POST',
     autoStartTwoFactor: true,
     captchaActionName: 'submit',
-    size: 'md'
+    size: 'md',
+    useClearErrors: true
 };
 exports["default"] = Form;

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);
 }