@jsonforms/material-renderers 3.0.0-beta.1 → 3.0.0-beta.2
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/docs/globals.html +41 -41
- package/docs/interfaces/emptytableprops.html +1 -1
- package/docs/interfaces/nonemptycellcomponentprops.html +9 -9
- package/docs/interfaces/nonemptycellprops.html +9 -9
- package/docs/interfaces/ownoneofprops.html +1 -1
- package/docs/interfaces/ownpropsofnonemptycell.html +6 -6
- package/docs/interfaces/tableheadercellprops.html +1 -1
- package/lib/jsonforms-react-material.cjs.js +12 -21
- package/lib/jsonforms-react-material.cjs.js.map +1 -1
- package/lib/jsonforms-react-material.esm.js +12 -21
- package/lib/jsonforms-react-material.esm.js.map +1 -1
- package/package.json +8 -6
- package/src/complex/MaterialAllOfRenderer.tsx +3 -5
- package/src/complex/MaterialAnyOfRenderer.tsx +3 -5
- package/src/complex/MaterialEnumArrayRenderer.tsx +1 -2
- package/src/complex/MaterialObjectRenderer.tsx +3 -8
- package/src/complex/MaterialOneOfRenderer.tsx +3 -5
- package/src/complex/MaterialTableControl.tsx +5 -5
- package/stats.html +1 -1
- package/test/renderers/MaterialAnyOfStringOrEnumControl.test.tsx +7 -7
- package/test/renderers/MaterialArrayLayout.test.tsx +34 -7
- package/test/renderers/MaterialBooleanCell.test.tsx +10 -7
- package/test/renderers/MaterialBooleanToggleCell.test.tsx +14 -9
- package/test/renderers/MaterialBooleanToggleControl.test.tsx +14 -9
- package/test/renderers/MaterialCategorizationLayout.test.tsx +12 -12
- package/test/renderers/MaterialCategorizationStepperLayout.test.tsx +12 -12
- package/test/renderers/MaterialDateCell.test.tsx +10 -7
- package/test/renderers/MaterialDateControl.test.tsx +12 -8
- package/test/renderers/MaterialDateTimeControl.test.tsx +12 -8
- package/test/renderers/MaterialEnumArrayRenderer.test.tsx +9 -7
- package/test/renderers/MaterialEnumCell.test.tsx +2 -1
- package/test/renderers/MaterialEnumControl.test.tsx +75 -0
- package/test/renderers/MaterialIntegerCell.test.tsx +10 -7
- package/test/renderers/MaterialLabelRenderer.test.tsx +4 -4
- package/test/renderers/MaterialListWithDetailRenderer.test.tsx +5 -5
- package/test/renderers/MaterialNumberCell.test.tsx +10 -7
- package/test/renderers/MaterialObjectControl.test.tsx +10 -7
- package/test/renderers/MaterialOneOfEnumCell.test.tsx +2 -1
- package/test/renderers/MaterialOneOfRadioGroupControl.test.tsx +3 -2
- package/test/renderers/MaterialOneOfRenderer.test.tsx +12 -7
- package/test/renderers/MaterialRadioGroupControl.test.tsx +2 -2
- package/test/renderers/MaterialSliderControl.test.tsx +20 -12
- package/test/renderers/MaterialTextCell.test.tsx +10 -7
- package/test/renderers/MaterialTimeCell.test.tsx +10 -7
- package/test/renderers/MaterialTimeControl.test.tsx +12 -8
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
<div class="tsd-signature tsd-kind-icon">cells<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">JsonFormsCellRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span></div>
|
|
104
104
|
<aside class="tsd-sources">
|
|
105
105
|
<ul>
|
|
106
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
106
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:162</li>
|
|
107
107
|
</ul>
|
|
108
108
|
</aside>
|
|
109
109
|
</section>
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
<div class="tsd-signature tsd-kind-icon">enabled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
|
|
114
114
|
<aside class="tsd-sources">
|
|
115
115
|
<ul>
|
|
116
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
116
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:160</li>
|
|
117
117
|
</ul>
|
|
118
118
|
</aside>
|
|
119
119
|
</section>
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
<div class="tsd-signature tsd-kind-icon">prop<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
|
124
124
|
<aside class="tsd-sources">
|
|
125
125
|
<ul>
|
|
126
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
126
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:158</li>
|
|
127
127
|
</ul>
|
|
128
128
|
</aside>
|
|
129
129
|
</section>
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
<div class="tsd-signature tsd-kind-icon">renderers<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">JsonFormsRendererRegistryEntry</span><span class="tsd-signature-symbol">[]</span></div>
|
|
134
134
|
<aside class="tsd-sources">
|
|
135
135
|
<ul>
|
|
136
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
136
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:161</li>
|
|
137
137
|
</ul>
|
|
138
138
|
</aside>
|
|
139
139
|
</section>
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
<div class="tsd-signature tsd-kind-icon">row<wbr>Path<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
|
144
144
|
<aside class="tsd-sources">
|
|
145
145
|
<ul>
|
|
146
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
146
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:157</li>
|
|
147
147
|
</ul>
|
|
148
148
|
</aside>
|
|
149
149
|
</section>
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
<div class="tsd-signature tsd-kind-icon">schema<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">JsonSchema</span></div>
|
|
154
154
|
<aside class="tsd-sources">
|
|
155
155
|
<ul>
|
|
156
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
156
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:159</li>
|
|
157
157
|
</ul>
|
|
158
158
|
</aside>
|
|
159
159
|
</section>
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
<div class="tsd-signature tsd-kind-icon">title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
|
94
94
|
<aside class="tsd-sources">
|
|
95
95
|
<ul>
|
|
96
|
-
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:
|
|
96
|
+
<li>Defined in packages/material/src/complex/MaterialTableControl.tsx:143</li>
|
|
97
97
|
</ul>
|
|
98
98
|
</aside>
|
|
99
99
|
</section>
|
|
@@ -232,7 +232,7 @@ var controlWithoutLabel = function (scope) { return ({
|
|
|
232
232
|
var NonEmptyCellComponent = React__default["default"].memo(function (_a) {
|
|
233
233
|
var path = _a.path, propName = _a.propName, schema = _a.schema, rootSchema = _a.rootSchema, errors = _a.errors, enabled = _a.enabled, renderers = _a.renderers, cells = _a.cells, isValid = _a.isValid;
|
|
234
234
|
return (React__default["default"].createElement(NoBorderTableCell, null,
|
|
235
|
-
schema.properties ? (React__default["default"].createElement(react.DispatchCell, { schema: core.Resolve.schema(schema, "#/properties/" + propName, rootSchema), uischema: controlWithoutLabel("#/properties/" + propName), path: path, enabled: enabled, renderers: renderers, cells: cells })) : (React__default["default"].createElement(react.DispatchCell, { schema: schema, uischema: controlWithoutLabel('#'), path: path, enabled: enabled, renderers: renderers, cells: cells })),
|
|
235
|
+
schema.properties ? (React__default["default"].createElement(react.DispatchCell, { schema: core.Resolve.schema(schema, "#/properties/" + core.encode(propName), rootSchema), uischema: controlWithoutLabel("#/properties/" + core.encode(propName)), path: path, enabled: enabled, renderers: renderers, cells: cells })) : (React__default["default"].createElement(react.DispatchCell, { schema: schema, uischema: controlWithoutLabel('#'), path: path, enabled: enabled, renderers: renderers, cells: cells })),
|
|
236
236
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid }, !isValid && errors)));
|
|
237
237
|
});
|
|
238
238
|
var NonEmptyCell = function (ownProps) {
|
|
@@ -337,14 +337,8 @@ var MaterialArrayControlRenderer$1 = react.withJsonFormsArrayLayoutProps(Materia
|
|
|
337
337
|
var MaterialObjectRenderer = function (_a) {
|
|
338
338
|
var renderers = _a.renderers, cells = _a.cells, uischemas = _a.uischemas, schema = _a.schema, label = _a.label, path = _a.path, visible = _a.visible, enabled = _a.enabled, uischema = _a.uischema, rootSchema = _a.rootSchema;
|
|
339
339
|
var detailUiSchema = React.useMemo(function () {
|
|
340
|
-
return core.findUISchema(uischemas, schema, uischema.scope, path, 'Group', uischema, rootSchema);
|
|
341
|
-
}, [uischemas, schema, uischema.scope, path, uischema, rootSchema]);
|
|
342
|
-
if (isEmpty__default["default"](path)) {
|
|
343
|
-
detailUiSchema.type = 'VerticalLayout';
|
|
344
|
-
}
|
|
345
|
-
else {
|
|
346
|
-
detailUiSchema.label = label;
|
|
347
|
-
}
|
|
340
|
+
return core.findUISchema(uischemas, schema, uischema.scope, path, function () { return isEmpty__default["default"](path) ? core.Generate.uiSchema(schema, 'VerticalLayout') : __assign(__assign({}, core.Generate.uiSchema(schema, 'Group')), { label: label }); }, uischema, rootSchema);
|
|
341
|
+
}, [uischemas, schema, uischema.scope, path, label, uischema, rootSchema]);
|
|
348
342
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
349
343
|
React__default["default"].createElement(react.JsonFormsDispatch, { visible: visible, enabled: enabled, schema: schema, uischema: detailUiSchema, path: path, renderers: renderers, cells: cells })));
|
|
350
344
|
};
|
|
@@ -353,13 +347,12 @@ var MaterialObjectRenderer$1 = react.withJsonFormsDetailProps(MaterialObjectRend
|
|
|
353
347
|
|
|
354
348
|
var MaterialAllOfRenderer = function (_a) {
|
|
355
349
|
var schema = _a.schema, rootSchema = _a.rootSchema, visible = _a.visible, renderers = _a.renderers, cells = _a.cells, path = _a.path, uischemas = _a.uischemas, uischema = _a.uischema;
|
|
356
|
-
var
|
|
357
|
-
var delegateUISchema = core.findMatchingUISchema(uischemas)(_schema, uischema.scope, path);
|
|
350
|
+
var delegateUISchema = core.findMatchingUISchema(uischemas)(schema, uischema.scope, path);
|
|
358
351
|
if (delegateUISchema) {
|
|
359
352
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
360
|
-
React__default["default"].createElement(react.JsonFormsDispatch, { schema:
|
|
353
|
+
React__default["default"].createElement(react.JsonFormsDispatch, { schema: schema, uischema: delegateUISchema, path: path, renderers: renderers, cells: cells })));
|
|
361
354
|
}
|
|
362
|
-
var allOfRenderInfos = core.createCombinatorRenderInfos(
|
|
355
|
+
var allOfRenderInfos = core.createCombinatorRenderInfos(schema.allOf, rootSchema, 'allOf', uischema, path, uischemas);
|
|
363
356
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible }, allOfRenderInfos.map(function (allOfRenderInfo, allOfIndex) { return (React__default["default"].createElement(react.JsonFormsDispatch, { key: allOfIndex, schema: allOfRenderInfo.schema, uischema: allOfRenderInfo.uischema, path: path, renderers: renderers, cells: cells })); })));
|
|
364
357
|
};
|
|
365
358
|
var materialAllOfControlTester = core.rankWith(3, core.isAllOfControl);
|
|
@@ -394,10 +387,9 @@ var MaterialAnyOfRenderer = function (_a) {
|
|
|
394
387
|
var _b = React.useState(indexOfFittingSchema || 0), selectedAnyOf = _b[0], setSelectedAnyOf = _b[1];
|
|
395
388
|
var handleChange = React.useCallback(function (_ev, value) { return setSelectedAnyOf(value); }, [setSelectedAnyOf]);
|
|
396
389
|
var anyOf = 'anyOf';
|
|
397
|
-
var
|
|
398
|
-
var anyOfRenderInfos = core.createCombinatorRenderInfos(_schema.anyOf, rootSchema, anyOf, uischema, path, uischemas);
|
|
390
|
+
var anyOfRenderInfos = core.createCombinatorRenderInfos(schema.anyOf, rootSchema, anyOf, uischema, path, uischemas);
|
|
399
391
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
400
|
-
React__default["default"].createElement(CombinatorProperties, { schema:
|
|
392
|
+
React__default["default"].createElement(CombinatorProperties, { schema: schema, combinatorKeyword: anyOf, path: path }),
|
|
401
393
|
React__default["default"].createElement(material.Tabs, { value: selectedAnyOf, onChange: handleChange }, anyOfRenderInfos.map(function (anyOfRenderInfo) { return (React__default["default"].createElement(material.Tab, { key: anyOfRenderInfo.label, label: anyOfRenderInfo.label })); })),
|
|
402
394
|
anyOfRenderInfos.map(function (anyOfRenderInfo, anyOfIndex) {
|
|
403
395
|
return selectedAnyOf === anyOfIndex && (React__default["default"].createElement(react.JsonFormsDispatch, { key: anyOfIndex, schema: anyOfRenderInfo.schema, uischema: anyOfRenderInfo.uischema, path: path, renderers: renderers, cells: cells }));
|
|
@@ -415,10 +407,9 @@ var MaterialOneOfRenderer = function (_a) {
|
|
|
415
407
|
var cancel = React.useCallback(function () {
|
|
416
408
|
setOpen(false);
|
|
417
409
|
}, [setOpen]);
|
|
418
|
-
var
|
|
419
|
-
var oneOfRenderInfos = core.createCombinatorRenderInfos(_schema.oneOf, rootSchema, 'oneOf', uischema, path, uischemas);
|
|
410
|
+
var oneOfRenderInfos = core.createCombinatorRenderInfos(schema.oneOf, rootSchema, 'oneOf', uischema, path, uischemas);
|
|
420
411
|
var openNewTab = function (newIndex) {
|
|
421
|
-
handleChange(path, core.createDefaultValue(
|
|
412
|
+
handleChange(path, core.createDefaultValue(oneOfRenderInfos[newIndex].schema));
|
|
422
413
|
setSelectedIndex(newIndex);
|
|
423
414
|
};
|
|
424
415
|
var confirm = React.useCallback(function () {
|
|
@@ -435,7 +426,7 @@ var MaterialOneOfRenderer = function (_a) {
|
|
|
435
426
|
}
|
|
436
427
|
}, [setOpen, setSelectedIndex, data]);
|
|
437
428
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
438
|
-
React__default["default"].createElement(CombinatorProperties, { schema:
|
|
429
|
+
React__default["default"].createElement(CombinatorProperties, { schema: schema, combinatorKeyword: 'oneOf', path: path }),
|
|
439
430
|
React__default["default"].createElement(material.Tabs, { value: selectedIndex, onChange: handleTabChange }, oneOfRenderInfos.map(function (oneOfRenderInfo) { return React__default["default"].createElement(material.Tab, { key: oneOfRenderInfo.label, label: oneOfRenderInfo.label }); })),
|
|
440
431
|
oneOfRenderInfos.map(function (oneOfRenderInfo, oneOfIndex) { return (selectedIndex === oneOfIndex && (React__default["default"].createElement(react.JsonFormsDispatch, { key: oneOfIndex, schema: oneOfRenderInfo.schema, uischema: oneOfRenderInfo.uischema, path: path, renderers: renderers, cells: cells }))); }),
|
|
441
432
|
React__default["default"].createElement(material.Dialog, { open: open, onClose: handleClose, "aria-labelledby": 'alert-dialog-title', "aria-describedby": 'alert-dialog-description' },
|
|
@@ -626,7 +617,7 @@ var MaterialEnumArrayRenderer = function (_a) {
|
|
|
626
617
|
return newValue
|
|
627
618
|
? addItem(path, option.value)
|
|
628
619
|
: removeItem(path, option.value);
|
|
629
|
-
}, data: checkboxValue, errors: errors, schema: schema, visible: visible }, otherProps)), label:
|
|
620
|
+
}, data: checkboxValue, errors: errors, schema: schema, visible: visible }, otherProps)), label: option.label }));
|
|
630
621
|
})),
|
|
631
622
|
React__default["default"].createElement(material.FormHelperText, { error: true }, errors))));
|
|
632
623
|
};
|