@maif/react-forms 1.0.27 → 1.0.28
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.
- package/dist/react-form.js +1 -1
- package/lib/form.js +3 -1
- package/lib/resolvers/utils.js +14 -10
- package/lib/style.d.ts +4 -0
- package/lib/style.js +2 -0
- package/lib/styleContext.d.ts +1 -1
- package/package.json +1 -1
package/lib/form.js
CHANGED
|
@@ -1202,6 +1202,8 @@ var ArrayStep = function ArrayStep(_ref15) {
|
|
|
1202
1202
|
};
|
|
1203
1203
|
|
|
1204
1204
|
var NestedForm = function NestedForm(_ref16) {
|
|
1205
|
+
var _classNames15;
|
|
1206
|
+
|
|
1205
1207
|
var schema = _ref16.schema,
|
|
1206
1208
|
flow = _ref16.flow,
|
|
1207
1209
|
parent = _ref16.parent,
|
|
@@ -1289,7 +1291,7 @@ var NestedForm = function NestedForm(_ref16) {
|
|
|
1289
1291
|
return x.visibleStep;
|
|
1290
1292
|
}).length > 1 && step.label !== null;
|
|
1291
1293
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
1292
|
-
className: (0, _classnames["default"])(
|
|
1294
|
+
className: (0, _classnames["default"])((_classNames15 = {}, _defineProperty(_classNames15, classes.nestedform__border, bordered), _defineProperty(_classNames15, classes.border__error, !!error), _classNames15))
|
|
1293
1295
|
}, !!step.collapsable && schemaAndFlow.flow.length > 1 && collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.ArrowDown, {
|
|
1294
1296
|
size: 30,
|
|
1295
1297
|
className: classes.cursor_pointer,
|
package/lib/resolvers/utils.js
CHANGED
|
@@ -42,10 +42,6 @@ var resolvers = (_resolvers = {}, _defineProperty(_resolvers, _type.type.string,
|
|
|
42
42
|
}), _resolvers);
|
|
43
43
|
|
|
44
44
|
var buildSubResolver = function buildSubResolver(props, key, dependencies, rawData) {
|
|
45
|
-
var type = props.type,
|
|
46
|
-
_props$constraints = props.constraints,
|
|
47
|
-
constraints = _props$constraints === void 0 ? [] : _props$constraints;
|
|
48
|
-
|
|
49
45
|
if (props.array || props.isMulti) {
|
|
50
46
|
var subResolver;
|
|
51
47
|
var arrayResolver = yup.array();
|
|
@@ -64,13 +60,13 @@ var buildSubResolver = function buildSubResolver(props, key, dependencies, rawDa
|
|
|
64
60
|
return constraints.reduce(function (resolver, constraint) {
|
|
65
61
|
return jsonOrFunctionConstraint(constraint, resolver, key, dependencies);
|
|
66
62
|
}, arrayResolver);
|
|
67
|
-
} else if (props.type === type.object && props.schema) {
|
|
63
|
+
} else if (props.type === _type.type.object && props.schema) {
|
|
68
64
|
var _subResolver = getShapeAndDependencies(props.flow || Object.keys(props.schema), props.schema, dependencies, rawData);
|
|
69
65
|
|
|
70
|
-
return constraints.reduce(function (resolver, constraint) {
|
|
66
|
+
return props.constraints.reduce(function (resolver, constraint) {
|
|
71
67
|
return jsonOrFunctionConstraint(constraint, resolver, key, dependencies);
|
|
72
68
|
}, yup.object().shape(_subResolver.shape, dependencies));
|
|
73
|
-
} else if (props.type === type.object && props.conditionalSchema) {
|
|
69
|
+
} else if (props.type === _type.type.object && props.conditionalSchema) {
|
|
74
70
|
var _option$map$getOrElse = (0, _Option.option)(props.conditionalSchema).map(function (condiSchema) {
|
|
75
71
|
var ref = (0, _Option.option)(condiSchema.ref).map(function (ref) {
|
|
76
72
|
return rawData[ref];
|
|
@@ -94,13 +90,13 @@ var buildSubResolver = function buildSubResolver(props, key, dependencies, rawDa
|
|
|
94
90
|
|
|
95
91
|
var _subResolver2 = getShapeAndDependencies(flow || Object.keys(schema), schema, dependencies, rawData);
|
|
96
92
|
|
|
97
|
-
return constraints.reduce(function (resolver, constraint) {
|
|
93
|
+
return props.constraints.reduce(function (resolver, constraint) {
|
|
98
94
|
return jsonOrFunctionConstraint(constraint, resolver, key, dependencies);
|
|
99
95
|
}, yup.object().shape(_subResolver2.shape, dependencies));
|
|
100
96
|
} else {
|
|
101
|
-
return constraints.reduce(function (resolver, constraint) {
|
|
97
|
+
return props.constraints.reduce(function (resolver, constraint) {
|
|
102
98
|
return jsonOrFunctionConstraint(constraint, resolver, key, dependencies);
|
|
103
|
-
}, resolvers[type]());
|
|
99
|
+
}, resolvers[props.type]());
|
|
104
100
|
}
|
|
105
101
|
};
|
|
106
102
|
|
|
@@ -122,6 +118,14 @@ var getShapeAndDependencies = function getShapeAndDependencies(flow, schema) {
|
|
|
122
118
|
return _objectSpread(_objectSpread({}, resolvers), getShapeAndDependencies(key.flow, schema, dependencies, rawData).shape);
|
|
123
119
|
}
|
|
124
120
|
|
|
121
|
+
console.group('get resolver');
|
|
122
|
+
console.debug({
|
|
123
|
+
schemaBykey: schema[key],
|
|
124
|
+
key: key,
|
|
125
|
+
dependencies: dependencies,
|
|
126
|
+
rawData: rawData
|
|
127
|
+
});
|
|
128
|
+
console.groupEnd();
|
|
125
129
|
var resolver = buildSubResolver(schema[key], key, dependencies, rawData);
|
|
126
130
|
return _objectSpread(_objectSpread({}, resolvers), {}, _defineProperty({}, key, resolver));
|
|
127
131
|
}, {});
|
package/lib/style.d.ts
CHANGED
package/lib/style.js
CHANGED
package/lib/styleContext.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mr_5" | "mr_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "full_width" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback" | "display__none" | "collapse__inline" | "nestedform__border">;
|
|
1
|
+
export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mr_5" | "mr_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "full_width" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback" | "display__none" | "collapse__inline" | "nestedform__border" | "border__error">;
|