@steroidsjs/core 2.2.72 → 2.2.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/ui/form/RadioListField/RadioListField.js +11 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/core",
3
- "version": "2.2.72",
3
+ "version": "2.2.73",
4
4
  "description": "",
5
5
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
6
6
  "repository": {
package/ui/form/RadioListField/RadioListField.js CHANGED
@@ -17,15 +17,18 @@ exports.__esModule = true;
17
17
  var react_1 = require("react");
18
18
  var hooks_1 = require("../../../hooks");
19
19
  var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
20
+ var react_use_1 = require("react-use");
21
+ var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
20
22
  function RadioListField(props) {
21
23
  var components = hooks_1.useComponents();
24
+ var inputSelectedIds = react_1.useMemo(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
22
25
  // Data provider
23
26
  var items = hooks_1.useDataProvider({
24
27
  items: props.items
25
28
  }).items;
26
29
  // Data select
27
30
  var _a = hooks_1.useDataSelect({
28
- selectedIds: props.selectedIds,
31
+ selectedIds: inputSelectedIds,
29
32
  selectFirst: props.selectFirst,
30
33
  primaryKey: props.primaryKey,
31
34
  items: items,
@@ -36,10 +39,14 @@ function RadioListField(props) {
36
39
  }, [setSelectedIds]);
37
40
  var inputProps = react_1.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'radio', name: props.input.name, disabled: props.disabled, onChange: function (value) { return props.input.onChange(value); } })); }, [props.disabled, props.input, props.inputProps]);
38
41
  // Sync with form
42
+ var prevSelectedIds = react_use_1.usePrevious(selectedIds);
39
43
  react_1.useEffect(function () {
40
- var _a;
41
- props.input.onChange.call(null, selectedIds[0]);
42
- (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(null, selectedIds[0]);
44
+ if (!isEqual_1["default"](prevSelectedIds || [], selectedIds)) {
45
+ props.input.onChange.call(null, selectedIds[0]);
46
+ if (props.onChange) {
47
+ props.onChange.call(null, selectedIds[0]);
48
+ }
49
+ }
43
50
  }, [props.input.onChange, selectedIds]);
44
51
  return components.ui.renderView(props.view || 'form.RadioListFieldView', __assign(__assign({}, props), { items: items,
45
52
  inputProps: inputProps,