@steroidsjs/core 2.2.11 → 2.2.12

package/package.json

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

package/reducers/form.js

@@ -50,7 +50,7 @@ function reducerItem(state, action) {
         case form_1.FORM_SUBMIT:
             return dot_prop_immutable_1.set(state, 'submitCounter', (state.submitCounter || 0) + 1);
         case form_1.FORM_RESET:
-            return dot_prop_immutable_1.set(state, 'values', cloneDeep_1["default"](state.initialValues || {}));
+            return __assign(__assign({}, state), { values: cloneDeep_1["default"](state.initialValues || {}) });
         case form_1.FORM_ARRAY_ADD:
             // eslint-disable-next-line no-case-declarations
             var newValue = [].concat(get_1["default"](state, 'values.' + action.name) || []);

package/ui/form/Button/Button.d.ts

@@ -90,7 +90,7 @@ export interface IButtonProps {
      * автоматически будет переключаться в режим загрузки (`loading`) на время выполнения `Promise`.
      * @param e => fetch(...)
      */
-    onClick?: (e: Event | React.MouseEvent) => Promise<any> | void;
+    onClick?: (e: Event | React.MouseEvent) => Promise<any> | any;
     /**
      * Переводит кнопку в состояние "не активна"
      * @example true

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -15,6 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = require("react");
+var react_use_1 = require("react-use");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 function CheckboxListField(props) {
@@ -42,6 +43,17 @@ function CheckboxListField(props) {
     react_1.useEffect(function () {
         props.input.onChange.call(null, selectedIds);
     }, [props.input.onChange, selectedIds]);
+    var onReset = react_1.useCallback(function () {
+        setSelectedIds([]);
+    }, [setSelectedIds]);
+    // Reset selected ids on form reset
+    var prevInputValue = react_use_1.usePrevious(props.input.value);
+    react_use_1.useUpdateEffect(function () {
+        // if form reset
+        if (prevInputValue && props.input.value === undefined && selectedIds.length > 0) {
+            onReset();
+        }
+    }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
     return components.ui.renderView(props.view || 'form.CheckboxListFieldView', __assign(__assign({}, props), { items: items,
         inputProps: inputProps,
         onItemSelect: onItemSelect,

package/ui/form/NumberField/NumberField.js

@@ -21,9 +21,9 @@ function NumberField(props) {
     var components = hooks_1.useComponents();
     props.inputProps = react_1.useMemo(function () {
         var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { var _a, _b; return props.input.onChange(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || ((_b = e.nativeEvent) === null || _b === void 0 ? void 0 : _b.text)); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (e) { var _a, _b; return props.input.onChange(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || ((_b = e.nativeEvent) === null || _b === void 0 ? void 0 : _b.text)); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
     }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
-    return components.ui.renderView(props.view || 'form.NumberFieldView' || 'form.InputFieldView', props);
+    return components.ui.renderView(props.view || 'form.NumberFieldView', props);
 }
 NumberField.defaultProps = {
     disabled: false,