@jsonforms/material-renderers 3.1.0-alpha.3 → 3.1.0-beta.1
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/lib/additional/ListWithDetailMasterItem.d.ts +1 -1
- package/lib/additional/MaterialListWithDetailRenderer.d.ts +1 -1
- package/lib/additional/unwrapped.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/jsonforms-react-material.cjs.js +91 -64
- package/lib/jsonforms-react-material.cjs.js.map +1 -1
- package/lib/jsonforms-react-material.esm.js +85 -70
- package/lib/jsonforms-react-material.esm.js.map +1 -1
- package/lib/layouts/ArrayToolbar.d.ts +1 -0
- package/lib/util/datejs.d.ts +1 -17
- package/package.json +12 -12
- package/src/additional/ListWithDetailMasterItem.tsx +12 -9
- package/src/additional/MaterialListWithDetailRenderer.tsx +3 -0
- package/src/controls/MaterialAnyOfStringOrEnumControl.tsx +3 -1
- package/src/controls/MaterialDateControl.tsx +27 -41
- package/src/controls/MaterialDateTimeControl.tsx +27 -41
- package/src/controls/MaterialTimeControl.tsx +27 -42
- package/src/layouts/ArrayToolbar.tsx +39 -21
- package/src/layouts/ExpandPanelRenderer.tsx +13 -11
- package/src/layouts/MaterialArrayLayout.tsx +1 -0
- package/src/util/datejs.tsx +2 -62
- package/src/util/index.ts +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { StatePropsOfMasterItem } from '@jsonforms/core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare const ListWithDetailMasterItem: ({ index, childLabel, selected, handleSelect, removeItem, path, translations, }: StatePropsOfMasterItem) => JSX.Element;
|
|
3
|
+
export declare const ListWithDetailMasterItem: ({ index, childLabel, selected, enabled, handleSelect, removeItem, path, translations, }: StatePropsOfMasterItem) => JSX.Element;
|
|
4
4
|
declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfMasterListItem>;
|
|
5
5
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ArrayLayoutProps, RankedTester } from '@jsonforms/core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare const MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }: ArrayLayoutProps) => JSX.Element;
|
|
3
|
+
export declare const MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }: ArrayLayoutProps) => JSX.Element;
|
|
4
4
|
export declare const materialListWithDetailTester: RankedTester;
|
|
5
5
|
declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
|
|
6
6
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const UnwrappedAdditional: {
|
|
3
3
|
MaterialLabelRenderer: ({ text, visible }: import("@jsonforms/core").LabelProps) => JSX.Element;
|
|
4
|
-
MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }: import("@jsonforms/core").ArrayLayoutProps) => JSX.Element;
|
|
4
|
+
MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }: import("@jsonforms/core").ArrayLayoutProps) => JSX.Element;
|
|
5
5
|
};
|
package/lib/index.d.ts
CHANGED
|
@@ -38,5 +38,5 @@ export declare const Unwrapped: {
|
|
|
38
38
|
MaterialObjectRenderer: ({ renderers, cells, uischemas, schema, label, path, visible, enabled, uischema, rootSchema, }: import("@jsonforms/core").StatePropsOfControlWithDetail) => JSX.Element;
|
|
39
39
|
MaterialOneOfRenderer: ({ handleChange, schema, path, renderers, cells, rootSchema, id, visible, indexOfFittingSchema, uischema, uischemas, data, }: import("@jsonforms/core").CombinatorRendererProps) => JSX.Element;
|
|
40
40
|
MaterialLabelRenderer: ({ text, visible }: import("@jsonforms/core").LabelProps) => JSX.Element;
|
|
41
|
-
MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }: import("@jsonforms/core").ArrayLayoutProps) => JSX.Element;
|
|
41
|
+
MaterialListWithDetailRenderer: ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }: import("@jsonforms/core").ArrayLayoutProps) => JSX.Element;
|
|
42
42
|
};
|
|
@@ -429,13 +429,13 @@ var MuiCheckbox = React__default["default"].memo(function MuiCheckbox(props) {
|
|
|
429
429
|
|
|
430
430
|
dayjs__default["default"].extend(customParsing__default["default"]);
|
|
431
431
|
var createOnChangeHandler = function (path, handleChange, saveFormat) {
|
|
432
|
-
return function (time
|
|
432
|
+
return function (time) {
|
|
433
433
|
if (!time) {
|
|
434
434
|
handleChange(path, undefined);
|
|
435
435
|
return;
|
|
436
436
|
}
|
|
437
437
|
var result = dayjs__default["default"](time).format(saveFormat);
|
|
438
|
-
handleChange(path, result
|
|
438
|
+
handleChange(path, result);
|
|
439
439
|
};
|
|
440
440
|
};
|
|
441
441
|
var getData = function (data, saveFormat) {
|
|
@@ -448,31 +448,6 @@ var getData = function (data, saveFormat) {
|
|
|
448
448
|
}
|
|
449
449
|
return dayjsData;
|
|
450
450
|
};
|
|
451
|
-
var ResettableTextField = function (_a) {
|
|
452
|
-
var rawValue = _a.rawValue, dayjsValueIsValid = _a.dayjsValueIsValid, valueInInputFormat = _a.valueInInputFormat, focused = _a.focused, inputProps = _a.inputProps, props = __rest(_a, ["rawValue", "dayjsValueIsValid", "valueInInputFormat", "focused", "inputProps"]);
|
|
453
|
-
var value = React.useRef({
|
|
454
|
-
lastInput: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
|
|
455
|
-
toShow: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
|
|
456
|
-
});
|
|
457
|
-
if (!focused) {
|
|
458
|
-
if (!dayjsValueIsValid) {
|
|
459
|
-
value.current.toShow =
|
|
460
|
-
typeof rawValue === 'string' ||
|
|
461
|
-
rawValue === null ||
|
|
462
|
-
rawValue === undefined
|
|
463
|
-
? rawValue
|
|
464
|
-
: JSON.stringify(rawValue);
|
|
465
|
-
}
|
|
466
|
-
else {
|
|
467
|
-
value.current.toShow = valueInInputFormat;
|
|
468
|
-
}
|
|
469
|
-
}
|
|
470
|
-
if (focused && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.value) !== value.current.lastInput) {
|
|
471
|
-
value.current.lastInput = inputProps === null || inputProps === void 0 ? void 0 : inputProps.value;
|
|
472
|
-
value.current.toShow = inputProps === null || inputProps === void 0 ? void 0 : inputProps.value;
|
|
473
|
-
}
|
|
474
|
-
return (React__default["default"].createElement(material.TextField, __assign({}, props, { inputProps: __assign(__assign({}, inputProps), { value: value.current.toShow || '' }) })));
|
|
475
|
-
};
|
|
476
451
|
|
|
477
452
|
var renderLayoutElements = function (elements, schema, path, enabled, renderers, cells) {
|
|
478
453
|
return elements.map(function (child, index) { return (React__default["default"].createElement(material.Grid, { item: true, key: path + "-" + index, xs: true },
|
|
@@ -734,35 +709,37 @@ var MaterialLabelRenderer = function (_a) {
|
|
|
734
709
|
var MaterialLabelRenderer$1 = react.withJsonFormsLabelProps(MaterialLabelRenderer);
|
|
735
710
|
|
|
736
711
|
var ArrayLayoutToolbar = React__default["default"].memo(function ArrayLayoutToolbar(_a) {
|
|
737
|
-
var label = _a.label, errors = _a.errors, addItem = _a.addItem, path = _a.path, createDefault = _a.createDefault, translations = _a.translations;
|
|
712
|
+
var label = _a.label, errors = _a.errors, addItem = _a.addItem, path = _a.path, enabled = _a.enabled, createDefault = _a.createDefault, translations = _a.translations;
|
|
738
713
|
return (React__default["default"].createElement(material.Toolbar, { disableGutters: true },
|
|
739
714
|
React__default["default"].createElement(material.Grid, { container: true, alignItems: 'center', justifyContent: 'space-between' },
|
|
740
715
|
React__default["default"].createElement(material.Grid, { item: true },
|
|
741
|
-
React__default["default"].createElement(material.
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
716
|
+
React__default["default"].createElement(material.Grid, { container: true, justifyContent: 'flex-start', alignItems: 'center', spacing: 2 },
|
|
717
|
+
React__default["default"].createElement(material.Grid, { item: true },
|
|
718
|
+
React__default["default"].createElement(material.Typography, { variant: 'h6' }, label)),
|
|
719
|
+
React__default["default"].createElement(material.Grid, { item: true }, errors.length !== 0 && (React__default["default"].createElement(material.Grid, { item: true },
|
|
720
|
+
React__default["default"].createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors })))))),
|
|
721
|
+
enabled && (React__default["default"].createElement(material.Grid, { item: true },
|
|
745
722
|
React__default["default"].createElement(material.Grid, { container: true },
|
|
746
723
|
React__default["default"].createElement(material.Grid, { item: true },
|
|
747
724
|
React__default["default"].createElement(material.Tooltip, { id: 'tooltip-add', title: translations.addTooltip, placement: 'bottom' },
|
|
748
|
-
React__default["default"].createElement(material.IconButton, { "aria-label": translations.
|
|
749
|
-
React__default["default"].createElement(AddIcon__default["default"], null)))))))));
|
|
725
|
+
React__default["default"].createElement(material.IconButton, { "aria-label": translations.addTooltip, onClick: addItem(path, createDefault()), size: 'large' },
|
|
726
|
+
React__default["default"].createElement(AddIcon__default["default"], null))))))))));
|
|
750
727
|
});
|
|
751
728
|
|
|
752
729
|
var ListWithDetailMasterItem = function (_a) {
|
|
753
|
-
var index = _a.index, childLabel = _a.childLabel, selected = _a.selected, handleSelect = _a.handleSelect, removeItem = _a.removeItem, path = _a.path, translations = _a.translations;
|
|
730
|
+
var index = _a.index, childLabel = _a.childLabel, selected = _a.selected, enabled = _a.enabled, handleSelect = _a.handleSelect, removeItem = _a.removeItem, path = _a.path, translations = _a.translations;
|
|
754
731
|
return (React__default["default"].createElement(material.ListItem, { button: true, selected: selected, onClick: handleSelect(index) },
|
|
755
732
|
React__default["default"].createElement(material.ListItemAvatar, null,
|
|
756
733
|
React__default["default"].createElement(material.Avatar, { "aria-label": 'Index' }, index + 1)),
|
|
757
734
|
React__default["default"].createElement(material.ListItemText, { primary: childLabel }),
|
|
758
|
-
React__default["default"].createElement(material.ListItemSecondaryAction, null,
|
|
735
|
+
enabled && (React__default["default"].createElement(material.ListItemSecondaryAction, null,
|
|
759
736
|
React__default["default"].createElement(material.IconButton, { "aria-label": translations.removeAriaLabel, onClick: removeItem(path, index), size: 'large' },
|
|
760
|
-
React__default["default"].createElement(DeleteIcon__default["default"], null)))));
|
|
737
|
+
React__default["default"].createElement(DeleteIcon__default["default"], null))))));
|
|
761
738
|
};
|
|
762
739
|
var ListWithDetailMasterItem$1 = react.withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
|
|
763
740
|
|
|
764
741
|
var MaterialListWithDetailRenderer = function (_a) {
|
|
765
|
-
var uischemas = _a.uischemas, schema = _a.schema, uischema = _a.uischema, path = _a.path, errors = _a.errors, visible = _a.visible, label = _a.label, required = _a.required, removeItems = _a.removeItems, addItem = _a.addItem, data = _a.data, renderers = _a.renderers, cells = _a.cells, config = _a.config, rootSchema = _a.rootSchema, translations = _a.translations;
|
|
742
|
+
var uischemas = _a.uischemas, schema = _a.schema, uischema = _a.uischema, path = _a.path, enabled = _a.enabled, errors = _a.errors, visible = _a.visible, label = _a.label, required = _a.required, removeItems = _a.removeItems, addItem = _a.addItem, data = _a.data, renderers = _a.renderers, cells = _a.cells, config = _a.config, rootSchema = _a.rootSchema, translations = _a.translations;
|
|
766
743
|
var _b = React.useState(undefined), selectedIndex = _b[0], setSelectedIndex = _b[1];
|
|
767
744
|
var handleRemoveItem = React.useCallback(function (p, value) { return function () {
|
|
768
745
|
removeItems(p, [value])();
|
|
@@ -783,10 +760,10 @@ var MaterialListWithDetailRenderer = function (_a) {
|
|
|
783
760
|
setSelectedIndex(undefined);
|
|
784
761
|
}, [schema]);
|
|
785
762
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
786
|
-
React__default["default"].createElement(ArrayLayoutToolbar, { translations: translations, label: core.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: handleCreateDefaultValue }),
|
|
763
|
+
React__default["default"].createElement(ArrayLayoutToolbar, { translations: translations, label: core.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, enabled: enabled, addItem: addItem, createDefault: handleCreateDefaultValue }),
|
|
787
764
|
React__default["default"].createElement(material.Grid, { container: true, direction: 'row', spacing: 2 },
|
|
788
765
|
React__default["default"].createElement(material.Grid, { item: true, xs: 3 },
|
|
789
|
-
React__default["default"].createElement(material.List, null, data > 0 ? (map__default["default"](range__default["default"](data), function (index) { return (React__default["default"].createElement(ListWithDetailMasterItem$1, { index: index, path: path, schema: schema, handleSelect: handleListItemClick, removeItem: handleRemoveItem, selected: selectedIndex === index, key: index, translations: translations })); })) : (React__default["default"].createElement("p", null, "No data")))),
|
|
766
|
+
React__default["default"].createElement(material.List, null, data > 0 ? (map__default["default"](range__default["default"](data), function (index) { return (React__default["default"].createElement(ListWithDetailMasterItem$1, { index: index, path: path, schema: schema, enabled: enabled, handleSelect: handleListItemClick, removeItem: handleRemoveItem, selected: selectedIndex === index, key: index, translations: translations })); })) : (React__default["default"].createElement("p", null, "No data")))),
|
|
790
767
|
React__default["default"].createElement(material.Grid, { item: true, xs: true }, selectedIndex !== undefined ? (React__default["default"].createElement(react.JsonFormsDispatch, { renderers: renderers, cells: cells, visible: visible, schema: schema, uischema: foundUISchema, path: core.composePaths(path, "" + selectedIndex) })) : (React__default["default"].createElement(material.Typography, { variant: 'h6' }, translations.noSelection))))));
|
|
791
768
|
};
|
|
792
769
|
var materialListWithDetailTester = core.rankWith(4, core.and(core.uiTypeIs('ListWithDetail'), core.isObjectArray));
|
|
@@ -857,7 +834,10 @@ var hasEnumAndText = function (schemas) {
|
|
|
857
834
|
var wrongType = remainingSchemas.find(function (s) { return s.type && s.type !== 'string'; });
|
|
858
835
|
return enumSchema && stringSchema && !wrongType;
|
|
859
836
|
};
|
|
860
|
-
var simpleAnyOf = core.and(core.uiTypeIs('Control'), core.schemaMatches(function (schema) {
|
|
837
|
+
var simpleAnyOf = core.and(core.uiTypeIs('Control'), core.schemaMatches(function (schema) {
|
|
838
|
+
return Object.prototype.hasOwnProperty.call(schema, 'anyOf') &&
|
|
839
|
+
hasEnumAndText(schema.anyOf);
|
|
840
|
+
}));
|
|
861
841
|
var materialAnyOfStringOrEnumControlTester = core.rankWith(5, simpleAnyOf);
|
|
862
842
|
var MaterialAnyOfStringOrEnumControl$1 = react.withJsonFormsControlProps(MaterialAnyOfStringOrEnumControl);
|
|
863
843
|
|
|
@@ -961,16 +941,32 @@ var MaterialDateControl = function (props) {
|
|
|
961
941
|
var secondFormHelperText = showDescription && !isValid ? errors : null;
|
|
962
942
|
var onChange = React.useMemo(function () { return createOnChangeHandler(path, handleChange, saveFormat); }, [path, handleChange, saveFormat]);
|
|
963
943
|
var value = getData(data, saveFormat);
|
|
964
|
-
var valueInInputFormat = value ? value.format(format) : '';
|
|
965
944
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
966
945
|
React__default["default"].createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs },
|
|
967
|
-
React__default["default"].createElement(xDatePickers.DatePicker, { label: label, value: value, onChange: onChange,
|
|
968
|
-
actionBar: {
|
|
969
|
-
|
|
970
|
-
|
|
946
|
+
React__default["default"].createElement(xDatePickers.DatePicker, { label: label, value: value, onChange: onChange, format: format, views: views, disabled: !enabled, slotProps: {
|
|
947
|
+
actionBar: function (_a) {
|
|
948
|
+
var wrapperVariant = _a.wrapperVariant;
|
|
949
|
+
return ({
|
|
950
|
+
actions: wrapperVariant === 'desktop'
|
|
951
|
+
? []
|
|
952
|
+
: ['clear', 'cancel', 'accept'],
|
|
953
|
+
});
|
|
954
|
+
},
|
|
955
|
+
textField: {
|
|
956
|
+
id: id + '-input',
|
|
957
|
+
required: required && !appliedUiSchemaOptions.hideRequiredAsterisk,
|
|
958
|
+
autoFocus: appliedUiSchemaOptions.focus,
|
|
959
|
+
error: !isValid,
|
|
960
|
+
fullWidth: !appliedUiSchemaOptions.trim,
|
|
961
|
+
inputProps: {
|
|
962
|
+
type: 'text',
|
|
971
963
|
},
|
|
964
|
+
InputLabelProps: data ? { shrink: true } : undefined,
|
|
965
|
+
onFocus: onFocus,
|
|
966
|
+
onBlur: onBlur,
|
|
967
|
+
variant: 'standard',
|
|
972
968
|
},
|
|
973
|
-
}
|
|
969
|
+
} }),
|
|
974
970
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
|
|
975
971
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid }, secondFormHelperText))));
|
|
976
972
|
};
|
|
@@ -1000,16 +996,32 @@ var MaterialDateTimeControl = function (props) {
|
|
|
1000
996
|
var secondFormHelperText = showDescription && !isValid ? errors : null;
|
|
1001
997
|
var onChange = React.useMemo(function () { return createOnChangeHandler(path, handleChange, saveFormat); }, [path, handleChange, saveFormat]);
|
|
1002
998
|
var value = getData(data, saveFormat);
|
|
1003
|
-
var valueInInputFormat = value ? value.format(format) : '';
|
|
1004
999
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
1005
1000
|
React__default["default"].createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs },
|
|
1006
|
-
React__default["default"].createElement(xDatePickers.DateTimePicker, { label: label, value: value, onChange: onChange,
|
|
1007
|
-
actionBar: {
|
|
1008
|
-
|
|
1009
|
-
|
|
1001
|
+
React__default["default"].createElement(xDatePickers.DateTimePicker, { label: label, value: value, onChange: onChange, format: format, ampm: !!appliedUiSchemaOptions.ampm, views: views, disabled: !enabled, slotProps: {
|
|
1002
|
+
actionBar: function (_a) {
|
|
1003
|
+
var wrapperVariant = _a.wrapperVariant;
|
|
1004
|
+
return ({
|
|
1005
|
+
actions: wrapperVariant === 'desktop'
|
|
1006
|
+
? []
|
|
1007
|
+
: ['clear', 'cancel', 'accept'],
|
|
1008
|
+
});
|
|
1009
|
+
},
|
|
1010
|
+
textField: {
|
|
1011
|
+
id: id + '-input',
|
|
1012
|
+
required: required && !appliedUiSchemaOptions.hideRequiredAsterisk,
|
|
1013
|
+
autoFocus: appliedUiSchemaOptions.focus,
|
|
1014
|
+
error: !isValid,
|
|
1015
|
+
fullWidth: !appliedUiSchemaOptions.trim,
|
|
1016
|
+
inputProps: {
|
|
1017
|
+
type: 'text',
|
|
1010
1018
|
},
|
|
1019
|
+
InputLabelProps: data ? { shrink: true } : undefined,
|
|
1020
|
+
onFocus: onFocus,
|
|
1021
|
+
onBlur: onBlur,
|
|
1022
|
+
variant: 'standard',
|
|
1011
1023
|
},
|
|
1012
|
-
}
|
|
1024
|
+
} }),
|
|
1013
1025
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
|
|
1014
1026
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid }, secondFormHelperText))));
|
|
1015
1027
|
};
|
|
@@ -1141,16 +1153,32 @@ var MaterialTimeControl = function (props) {
|
|
|
1141
1153
|
var secondFormHelperText = showDescription && !isValid ? errors : null;
|
|
1142
1154
|
var onChange = React.useMemo(function () { return createOnChangeHandler(path, handleChange, saveFormat); }, [path, handleChange, saveFormat]);
|
|
1143
1155
|
var value = getData(data, saveFormat);
|
|
1144
|
-
var valueInInputFormat = value ? value.format(format) : '';
|
|
1145
1156
|
return (React__default["default"].createElement(material.Hidden, { xsUp: !visible },
|
|
1146
1157
|
React__default["default"].createElement(xDatePickers.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs },
|
|
1147
|
-
React__default["default"].createElement(xDatePickers.TimePicker, { label: label, value: value, onChange: onChange,
|
|
1148
|
-
actionBar: {
|
|
1149
|
-
|
|
1150
|
-
|
|
1158
|
+
React__default["default"].createElement(xDatePickers.TimePicker, { label: label, value: value, onChange: onChange, format: format, ampm: !!appliedUiSchemaOptions.ampm, views: views, disabled: !enabled, slotProps: {
|
|
1159
|
+
actionBar: function (_a) {
|
|
1160
|
+
var wrapperVariant = _a.wrapperVariant;
|
|
1161
|
+
return ({
|
|
1162
|
+
actions: wrapperVariant === 'desktop'
|
|
1163
|
+
? []
|
|
1164
|
+
: ['clear', 'cancel', 'accept'],
|
|
1165
|
+
});
|
|
1166
|
+
},
|
|
1167
|
+
textField: {
|
|
1168
|
+
id: id + '-input',
|
|
1169
|
+
required: required && !appliedUiSchemaOptions.hideRequiredAsterisk,
|
|
1170
|
+
autoFocus: appliedUiSchemaOptions.focus,
|
|
1171
|
+
error: !isValid,
|
|
1172
|
+
fullWidth: !appliedUiSchemaOptions.trim,
|
|
1173
|
+
inputProps: {
|
|
1174
|
+
type: 'text',
|
|
1151
1175
|
},
|
|
1176
|
+
InputLabelProps: data ? { shrink: true } : undefined,
|
|
1177
|
+
onFocus: onFocus,
|
|
1178
|
+
onBlur: onBlur,
|
|
1179
|
+
variant: 'standard',
|
|
1152
1180
|
},
|
|
1153
|
-
}
|
|
1181
|
+
} }),
|
|
1154
1182
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
|
|
1155
1183
|
React__default["default"].createElement(material.FormHelperText, { error: !isValid }, secondFormHelperText))));
|
|
1156
1184
|
};
|
|
@@ -1185,16 +1213,16 @@ var ExpandPanelRendererComponent = function (props) {
|
|
|
1185
1213
|
React__default["default"].createElement(material.Grid, { container: true, justifyContent: 'flex-end' },
|
|
1186
1214
|
React__default["default"].createElement(material.Grid, { item: true },
|
|
1187
1215
|
React__default["default"].createElement(material.Grid, { container: true, direction: 'row', justifyContent: 'center', alignItems: 'center' },
|
|
1188
|
-
showSortButtons ? (React__default["default"].createElement(React.Fragment, null,
|
|
1216
|
+
showSortButtons && enabled ? (React__default["default"].createElement(React.Fragment, null,
|
|
1189
1217
|
React__default["default"].createElement(material.Grid, { item: true },
|
|
1190
1218
|
React__default["default"].createElement(material.IconButton, { onClick: moveUp(path, index), style: iconStyle, disabled: !enableMoveUp, "aria-label": translations.upAriaLabel, size: 'large' },
|
|
1191
1219
|
React__default["default"].createElement(ArrowUpward__default["default"], null))),
|
|
1192
1220
|
React__default["default"].createElement(material.Grid, { item: true },
|
|
1193
1221
|
React__default["default"].createElement(material.IconButton, { onClick: moveDown(path, index), style: iconStyle, disabled: !enableMoveDown, "aria-label": translations.downAriaLabel, size: 'large' },
|
|
1194
1222
|
React__default["default"].createElement(ArrowDownward__default["default"], null))))) : (''),
|
|
1195
|
-
React__default["default"].createElement(material.Grid, { item: true },
|
|
1223
|
+
enabled && (React__default["default"].createElement(material.Grid, { item: true },
|
|
1196
1224
|
React__default["default"].createElement(material.IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": translations.removeAriaLabel, size: 'large' },
|
|
1197
|
-
React__default["default"].createElement(DeleteIcon__default["default"], null))))))))),
|
|
1225
|
+
React__default["default"].createElement(DeleteIcon__default["default"], null)))))))))),
|
|
1198
1226
|
React__default["default"].createElement(material.AccordionDetails, null,
|
|
1199
1227
|
React__default["default"].createElement(react.JsonFormsDispatch, { enabled: enabled, schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
|
|
1200
1228
|
};
|
|
@@ -1360,7 +1388,7 @@ var MaterialArrayLayoutComponent = function (props) {
|
|
|
1360
1388
|
var enabled = props.enabled, data = props.data, path = props.path, schema = props.schema, uischema = props.uischema, errors = props.errors, addItem = props.addItem, renderers = props.renderers, cells = props.cells, label = props.label, required = props.required, rootSchema = props.rootSchema, config = props.config, uischemas = props.uischemas, translations = props.translations;
|
|
1361
1389
|
var appliedUiSchemaOptions = merge__default["default"]({}, config, props.uischema.options);
|
|
1362
1390
|
return (React__default["default"].createElement("div", null,
|
|
1363
|
-
React__default["default"].createElement(ArrayLayoutToolbar, { translations: translations, label: core.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: innerCreateDefaultValue }),
|
|
1391
|
+
React__default["default"].createElement(ArrayLayoutToolbar, { translations: translations, label: core.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, enabled: enabled, addItem: addItem, createDefault: innerCreateDefaultValue }),
|
|
1364
1392
|
React__default["default"].createElement("div", null, data > 0 ? (map__default["default"](range__default["default"](data), function (index) {
|
|
1365
1393
|
return (React__default["default"].createElement(ExpandPanelRenderer$1, { enabled: enabled, index: index, expanded: isExpanded(index), schema: schema, path: path, handleExpansion: handleChange, uischema: uischema, renderers: renderers, cells: cells, key: index, rootSchema: rootSchema, enableMoveUp: index != 0, enableMoveDown: index < data - 1, config: config, childLabelProp: appliedUiSchemaOptions.elementLabelProp, uischemas: uischemas, translations: translations }));
|
|
1366
1394
|
})) : (React__default["default"].createElement("p", null, "No data")))));
|
|
@@ -1662,7 +1690,6 @@ exports.MuiSelect = MuiSelect;
|
|
|
1662
1690
|
exports.MuiToggle = MuiToggle;
|
|
1663
1691
|
exports.NoBorderTableCell = NoBorderTableCell;
|
|
1664
1692
|
exports.NonEmptyRow = NonEmptyRow;
|
|
1665
|
-
exports.ResettableTextField = ResettableTextField;
|
|
1666
1693
|
exports.Unwrapped = Unwrapped;
|
|
1667
1694
|
exports.createOnChangeHandler = createOnChangeHandler;
|
|
1668
1695
|
exports.ctxDispatchToExpandPanelProps = ctxDispatchToExpandPanelProps;
|