@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,4 +1,4 @@
|
|
|
1
|
-
import React, { useState, useCallback, useMemo, Fragment,
|
|
1
|
+
import React, { useState, useCallback, useMemo, Fragment, useEffect } from 'react';
|
|
2
2
|
import { Hidden, Tabs, Tab, TableCell, styled as styled$1, Badge, Tooltip, TableRow, Grid, Typography, IconButton, FormHelperText, Table, TableHead, TableBody, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Autocomplete, TextField, Checkbox, Input, useTheme, InputAdornment, Select, MenuItem, Switch, FormControl, FormGroup, FormControlLabel, Toolbar, ListItem, ListItemAvatar, Avatar, ListItemText, ListItemSecondaryAction, List, InputLabel, FormLabel, RadioGroup, Radio, Slider, Accordion, AccordionSummary, AccordionDetails, Card, CardHeader, CardContent, AppBar, Stepper, Step, StepButton } from '@mui/material';
|
|
3
3
|
import { rankWith, isAllOfControl, findMatchingUISchema, createCombinatorRenderInfos, Generate, isLayout, isAnyOfControl, createDefaultValue, Resolve, encode, Paths, formatErrorMessage, errorsAt, or, isObjectArrayControl, isPrimitiveArrayControl, isDescriptionHidden, getAjv, and, uiTypeIs, schemaMatches, hasType, schemaSubPathMatches, isObjectControl, findUISchema, isOneOfControl, isObjectArray, computeLabel, composePaths, showAsRequired, isBooleanControl, optionIs, isDateControl, isDateTimeControl, isEnumControl, isIntegerControl, isTimeControl, isNumberControl, isOneOfEnumControl, isRangeControl, isStringControl, createId, removeId, update, moveUp, moveDown, getFirstPrimitiveProp, withIncreasedRank, isVisible, deriveLabelForUISchemaElement, isObjectArrayWithNesting, isNumberFormatControl, categorizationHasCategory } from '@jsonforms/core';
|
|
4
4
|
import { withJsonFormsAllOfProps, JsonFormsDispatch, withJsonFormsAnyOfProps, DispatchCell, useJsonForms, withJsonFormsArrayLayoutProps, withJsonFormsMultiEnumProps, withJsonFormsDetailProps, withJsonFormsOneOfProps, withJsonFormsLabelProps, withJsonFormsMasterListItemProps, withJsonFormsControlProps, Control, withJsonFormsEnumProps, withTranslateProps, withJsonFormsOneOfEnumProps, withJsonFormsContext, withJsonFormsLayoutProps, withJsonFormsCellProps, withJsonFormsEnumCellProps, withJsonFormsOneOfEnumCellProps } from '@jsonforms/react';
|
|
@@ -317,13 +317,13 @@ const MuiCheckbox = React.memo(function MuiCheckbox(props) {
|
|
|
317
317
|
});
|
|
318
318
|
|
|
319
319
|
dayjs.extend(customParsing);
|
|
320
|
-
const createOnChangeHandler = (path, handleChange, saveFormat) => (time
|
|
320
|
+
const createOnChangeHandler = (path, handleChange, saveFormat) => (time) => {
|
|
321
321
|
if (!time) {
|
|
322
322
|
handleChange(path, undefined);
|
|
323
323
|
return;
|
|
324
324
|
}
|
|
325
325
|
const result = dayjs(time).format(saveFormat);
|
|
326
|
-
handleChange(path, result
|
|
326
|
+
handleChange(path, result);
|
|
327
327
|
};
|
|
328
328
|
const getData = (data, saveFormat) => {
|
|
329
329
|
if (!data) {
|
|
@@ -335,30 +335,6 @@ const getData = (data, saveFormat) => {
|
|
|
335
335
|
}
|
|
336
336
|
return dayjsData;
|
|
337
337
|
};
|
|
338
|
-
const ResettableTextField = ({ rawValue, dayjsValueIsValid, valueInInputFormat, focused, inputProps, ...props }) => {
|
|
339
|
-
const value = useRef({
|
|
340
|
-
lastInput: inputProps?.value,
|
|
341
|
-
toShow: inputProps?.value,
|
|
342
|
-
});
|
|
343
|
-
if (!focused) {
|
|
344
|
-
if (!dayjsValueIsValid) {
|
|
345
|
-
value.current.toShow =
|
|
346
|
-
typeof rawValue === 'string' ||
|
|
347
|
-
rawValue === null ||
|
|
348
|
-
rawValue === undefined
|
|
349
|
-
? rawValue
|
|
350
|
-
: JSON.stringify(rawValue);
|
|
351
|
-
}
|
|
352
|
-
else {
|
|
353
|
-
value.current.toShow = valueInInputFormat;
|
|
354
|
-
}
|
|
355
|
-
}
|
|
356
|
-
if (focused && inputProps?.value !== value.current.lastInput) {
|
|
357
|
-
value.current.lastInput = inputProps?.value;
|
|
358
|
-
value.current.toShow = inputProps?.value;
|
|
359
|
-
}
|
|
360
|
-
return (React.createElement(TextField, Object.assign({}, props, { inputProps: { ...inputProps, value: value.current.toShow || '' } })));
|
|
361
|
-
};
|
|
362
338
|
|
|
363
339
|
const renderLayoutElements = (elements, schema, path, enabled, renderers, cells) => {
|
|
364
340
|
return elements.map((child, index) => (React.createElement(Grid, { item: true, key: `${path}-${index}`, xs: true },
|
|
@@ -589,33 +565,35 @@ const MaterialLabelRenderer = ({ text, visible }) => {
|
|
|
589
565
|
};
|
|
590
566
|
var MaterialLabelRenderer$1 = withJsonFormsLabelProps(MaterialLabelRenderer);
|
|
591
567
|
|
|
592
|
-
const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar({ label, errors, addItem, path, createDefault, translations, }) {
|
|
568
|
+
const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar({ label, errors, addItem, path, enabled, createDefault, translations, }) {
|
|
593
569
|
return (React.createElement(Toolbar, { disableGutters: true },
|
|
594
570
|
React.createElement(Grid, { container: true, alignItems: 'center', justifyContent: 'space-between' },
|
|
595
571
|
React.createElement(Grid, { item: true },
|
|
596
|
-
React.createElement(
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
572
|
+
React.createElement(Grid, { container: true, justifyContent: 'flex-start', alignItems: 'center', spacing: 2 },
|
|
573
|
+
React.createElement(Grid, { item: true },
|
|
574
|
+
React.createElement(Typography, { variant: 'h6' }, label)),
|
|
575
|
+
React.createElement(Grid, { item: true }, errors.length !== 0 && (React.createElement(Grid, { item: true },
|
|
576
|
+
React.createElement(ValidationIcon, { id: 'tooltip-validation', errorMessages: errors })))))),
|
|
577
|
+
enabled && (React.createElement(Grid, { item: true },
|
|
600
578
|
React.createElement(Grid, { container: true },
|
|
601
579
|
React.createElement(Grid, { item: true },
|
|
602
580
|
React.createElement(Tooltip, { id: 'tooltip-add', title: translations.addTooltip, placement: 'bottom' },
|
|
603
|
-
React.createElement(IconButton, { "aria-label": translations.
|
|
604
|
-
React.createElement(AddIcon, null)))))))));
|
|
581
|
+
React.createElement(IconButton, { "aria-label": translations.addTooltip, onClick: addItem(path, createDefault()), size: 'large' },
|
|
582
|
+
React.createElement(AddIcon, null))))))))));
|
|
605
583
|
});
|
|
606
584
|
|
|
607
|
-
const ListWithDetailMasterItem = ({ index, childLabel, selected, handleSelect, removeItem, path, translations, }) => {
|
|
585
|
+
const ListWithDetailMasterItem = ({ index, childLabel, selected, enabled, handleSelect, removeItem, path, translations, }) => {
|
|
608
586
|
return (React.createElement(ListItem, { button: true, selected: selected, onClick: handleSelect(index) },
|
|
609
587
|
React.createElement(ListItemAvatar, null,
|
|
610
588
|
React.createElement(Avatar, { "aria-label": 'Index' }, index + 1)),
|
|
611
589
|
React.createElement(ListItemText, { primary: childLabel }),
|
|
612
|
-
React.createElement(ListItemSecondaryAction, null,
|
|
590
|
+
enabled && (React.createElement(ListItemSecondaryAction, null,
|
|
613
591
|
React.createElement(IconButton, { "aria-label": translations.removeAriaLabel, onClick: removeItem(path, index), size: 'large' },
|
|
614
|
-
React.createElement(DeleteIcon, null)))));
|
|
592
|
+
React.createElement(DeleteIcon, null))))));
|
|
615
593
|
};
|
|
616
594
|
var ListWithDetailMasterItem$1 = withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
|
|
617
595
|
|
|
618
|
-
const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }) => {
|
|
596
|
+
const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, enabled, errors, visible, label, required, removeItems, addItem, data, renderers, cells, config, rootSchema, translations, }) => {
|
|
619
597
|
const [selectedIndex, setSelectedIndex] = useState(undefined);
|
|
620
598
|
const handleRemoveItem = useCallback((p, value) => () => {
|
|
621
599
|
removeItems(p, [value])();
|
|
@@ -634,10 +612,10 @@ const MaterialListWithDetailRenderer = ({ uischemas, schema, uischema, path, err
|
|
|
634
612
|
setSelectedIndex(undefined);
|
|
635
613
|
}, [schema]);
|
|
636
614
|
return (React.createElement(Hidden, { xsUp: !visible },
|
|
637
|
-
React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: handleCreateDefaultValue }),
|
|
615
|
+
React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, enabled: enabled, addItem: addItem, createDefault: handleCreateDefaultValue }),
|
|
638
616
|
React.createElement(Grid, { container: true, direction: 'row', spacing: 2 },
|
|
639
617
|
React.createElement(Grid, { item: true, xs: 3 },
|
|
640
|
-
React.createElement(List, null, data > 0 ? (map(range(data), (index) => (React.createElement(ListWithDetailMasterItem$1, { index: index, path: path, schema: schema, handleSelect: handleListItemClick, removeItem: handleRemoveItem, selected: selectedIndex === index, key: index, translations: translations })))) : (React.createElement("p", null, "No data")))),
|
|
618
|
+
React.createElement(List, null, data > 0 ? (map(range(data), (index) => (React.createElement(ListWithDetailMasterItem$1, { index: index, path: path, schema: schema, enabled: enabled, handleSelect: handleListItemClick, removeItem: handleRemoveItem, selected: selectedIndex === index, key: index, translations: translations })))) : (React.createElement("p", null, "No data")))),
|
|
641
619
|
React.createElement(Grid, { item: true, xs: true }, selectedIndex !== undefined ? (React.createElement(JsonFormsDispatch, { renderers: renderers, cells: cells, visible: visible, schema: schema, uischema: foundUISchema, path: composePaths(path, `${selectedIndex}`) })) : (React.createElement(Typography, { variant: 'h6' }, translations.noSelection))))));
|
|
642
620
|
};
|
|
643
621
|
const materialListWithDetailTester = rankWith(4, and(uiTypeIs('ListWithDetail'), isObjectArray));
|
|
@@ -699,7 +677,8 @@ const hasEnumAndText = (schemas) => {
|
|
|
699
677
|
const wrongType = remainingSchemas.find((s) => s.type && s.type !== 'string');
|
|
700
678
|
return enumSchema && stringSchema && !wrongType;
|
|
701
679
|
};
|
|
702
|
-
const simpleAnyOf = and(uiTypeIs('Control'), schemaMatches((schema) =>
|
|
680
|
+
const simpleAnyOf = and(uiTypeIs('Control'), schemaMatches((schema) => Object.prototype.hasOwnProperty.call(schema, 'anyOf') &&
|
|
681
|
+
hasEnumAndText(schema.anyOf)));
|
|
703
682
|
const materialAnyOfStringOrEnumControlTester = rankWith(5, simpleAnyOf);
|
|
704
683
|
var MaterialAnyOfStringOrEnumControl$1 = withJsonFormsControlProps(MaterialAnyOfStringOrEnumControl);
|
|
705
684
|
|
|
@@ -800,17 +779,29 @@ const MaterialDateControl = (props) => {
|
|
|
800
779
|
const secondFormHelperText = showDescription && !isValid ? errors : null;
|
|
801
780
|
const onChange = useMemo(() => createOnChangeHandler(path, handleChange, saveFormat), [path, handleChange, saveFormat]);
|
|
802
781
|
const value = getData(data, saveFormat);
|
|
803
|
-
const valueInInputFormat = value ? value.format(format) : '';
|
|
804
782
|
return (React.createElement(Hidden, { xsUp: !visible },
|
|
805
783
|
React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs },
|
|
806
|
-
React.createElement(DatePicker, { label: label, value: value, onChange: onChange,
|
|
807
|
-
actionBar: {
|
|
808
|
-
actions:
|
|
784
|
+
React.createElement(DatePicker, { label: label, value: value, onChange: onChange, format: format, views: views, disabled: !enabled, slotProps: {
|
|
785
|
+
actionBar: ({ wrapperVariant }) => ({
|
|
786
|
+
actions: wrapperVariant === 'desktop'
|
|
787
|
+
? []
|
|
788
|
+
: ['clear', 'cancel', 'accept'],
|
|
789
|
+
}),
|
|
790
|
+
textField: {
|
|
791
|
+
id: id + '-input',
|
|
792
|
+
required: required && !appliedUiSchemaOptions.hideRequiredAsterisk,
|
|
793
|
+
autoFocus: appliedUiSchemaOptions.focus,
|
|
794
|
+
error: !isValid,
|
|
795
|
+
fullWidth: !appliedUiSchemaOptions.trim,
|
|
796
|
+
inputProps: {
|
|
797
|
+
type: 'text',
|
|
798
|
+
},
|
|
799
|
+
InputLabelProps: data ? { shrink: true } : undefined,
|
|
800
|
+
onFocus: onFocus,
|
|
801
|
+
onBlur: onBlur,
|
|
802
|
+
variant: 'standard',
|
|
809
803
|
},
|
|
810
|
-
}
|
|
811
|
-
...params.inputProps,
|
|
812
|
-
type: 'text',
|
|
813
|
-
}, InputLabelProps: data ? { shrink: true } : undefined, onFocus: onFocus, onBlur: onBlur, variant: 'standard' }))) }),
|
|
804
|
+
} }),
|
|
814
805
|
React.createElement(FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
|
|
815
806
|
React.createElement(FormHelperText, { error: !isValid }, secondFormHelperText))));
|
|
816
807
|
};
|
|
@@ -839,17 +830,29 @@ const MaterialDateTimeControl = (props) => {
|
|
|
839
830
|
const secondFormHelperText = showDescription && !isValid ? errors : null;
|
|
840
831
|
const onChange = useMemo(() => createOnChangeHandler(path, handleChange, saveFormat), [path, handleChange, saveFormat]);
|
|
841
832
|
const value = getData(data, saveFormat);
|
|
842
|
-
const valueInInputFormat = value ? value.format(format) : '';
|
|
843
833
|
return (React.createElement(Hidden, { xsUp: !visible },
|
|
844
834
|
React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs },
|
|
845
|
-
React.createElement(DateTimePicker, { label: label, value: value, onChange: onChange,
|
|
846
|
-
actionBar: {
|
|
847
|
-
actions:
|
|
835
|
+
React.createElement(DateTimePicker, { label: label, value: value, onChange: onChange, format: format, ampm: !!appliedUiSchemaOptions.ampm, views: views, disabled: !enabled, slotProps: {
|
|
836
|
+
actionBar: ({ wrapperVariant }) => ({
|
|
837
|
+
actions: wrapperVariant === 'desktop'
|
|
838
|
+
? []
|
|
839
|
+
: ['clear', 'cancel', 'accept'],
|
|
840
|
+
}),
|
|
841
|
+
textField: {
|
|
842
|
+
id: id + '-input',
|
|
843
|
+
required: required && !appliedUiSchemaOptions.hideRequiredAsterisk,
|
|
844
|
+
autoFocus: appliedUiSchemaOptions.focus,
|
|
845
|
+
error: !isValid,
|
|
846
|
+
fullWidth: !appliedUiSchemaOptions.trim,
|
|
847
|
+
inputProps: {
|
|
848
|
+
type: 'text',
|
|
849
|
+
},
|
|
850
|
+
InputLabelProps: data ? { shrink: true } : undefined,
|
|
851
|
+
onFocus: onFocus,
|
|
852
|
+
onBlur: onBlur,
|
|
853
|
+
variant: 'standard',
|
|
848
854
|
},
|
|
849
|
-
}
|
|
850
|
-
...params.inputProps,
|
|
851
|
-
type: 'text',
|
|
852
|
-
}, InputLabelProps: data ? { shrink: true } : undefined, onFocus: onFocus, onBlur: onBlur, variant: 'standard' }))) }),
|
|
855
|
+
} }),
|
|
853
856
|
React.createElement(FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
|
|
854
857
|
React.createElement(FormHelperText, { error: !isValid }, secondFormHelperText))));
|
|
855
858
|
};
|
|
@@ -978,17 +981,29 @@ const MaterialTimeControl = (props) => {
|
|
|
978
981
|
const secondFormHelperText = showDescription && !isValid ? errors : null;
|
|
979
982
|
const onChange = useMemo(() => createOnChangeHandler(path, handleChange, saveFormat), [path, handleChange, saveFormat]);
|
|
980
983
|
const value = getData(data, saveFormat);
|
|
981
|
-
const valueInInputFormat = value ? value.format(format) : '';
|
|
982
984
|
return (React.createElement(Hidden, { xsUp: !visible },
|
|
983
985
|
React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs },
|
|
984
|
-
React.createElement(TimePicker, { label: label, value: value, onChange: onChange,
|
|
985
|
-
actionBar: {
|
|
986
|
-
actions:
|
|
986
|
+
React.createElement(TimePicker, { label: label, value: value, onChange: onChange, format: format, ampm: !!appliedUiSchemaOptions.ampm, views: views, disabled: !enabled, slotProps: {
|
|
987
|
+
actionBar: ({ wrapperVariant }) => ({
|
|
988
|
+
actions: wrapperVariant === 'desktop'
|
|
989
|
+
? []
|
|
990
|
+
: ['clear', 'cancel', 'accept'],
|
|
991
|
+
}),
|
|
992
|
+
textField: {
|
|
993
|
+
id: id + '-input',
|
|
994
|
+
required: required && !appliedUiSchemaOptions.hideRequiredAsterisk,
|
|
995
|
+
autoFocus: appliedUiSchemaOptions.focus,
|
|
996
|
+
error: !isValid,
|
|
997
|
+
fullWidth: !appliedUiSchemaOptions.trim,
|
|
998
|
+
inputProps: {
|
|
999
|
+
type: 'text',
|
|
1000
|
+
},
|
|
1001
|
+
InputLabelProps: data ? { shrink: true } : undefined,
|
|
1002
|
+
onFocus: onFocus,
|
|
1003
|
+
onBlur: onBlur,
|
|
1004
|
+
variant: 'standard',
|
|
987
1005
|
},
|
|
988
|
-
}
|
|
989
|
-
...params.inputProps,
|
|
990
|
-
type: 'text',
|
|
991
|
-
}, InputLabelProps: data ? { shrink: true } : undefined, onFocus: onFocus, onBlur: onBlur, variant: 'standard' }))) }),
|
|
1006
|
+
} }),
|
|
992
1007
|
React.createElement(FormHelperText, { error: !isValid && !showDescription }, firstFormHelperText),
|
|
993
1008
|
React.createElement(FormHelperText, { error: !isValid }, secondFormHelperText))));
|
|
994
1009
|
};
|
|
@@ -1021,16 +1036,16 @@ const ExpandPanelRendererComponent = (props) => {
|
|
|
1021
1036
|
React.createElement(Grid, { container: true, justifyContent: 'flex-end' },
|
|
1022
1037
|
React.createElement(Grid, { item: true },
|
|
1023
1038
|
React.createElement(Grid, { container: true, direction: 'row', justifyContent: 'center', alignItems: 'center' },
|
|
1024
|
-
showSortButtons ? (React.createElement(Fragment, null,
|
|
1039
|
+
showSortButtons && enabled ? (React.createElement(Fragment, null,
|
|
1025
1040
|
React.createElement(Grid, { item: true },
|
|
1026
1041
|
React.createElement(IconButton, { onClick: moveUp(path, index), style: iconStyle, disabled: !enableMoveUp, "aria-label": translations.upAriaLabel, size: 'large' },
|
|
1027
1042
|
React.createElement(ArrowUpward, null))),
|
|
1028
1043
|
React.createElement(Grid, { item: true },
|
|
1029
1044
|
React.createElement(IconButton, { onClick: moveDown(path, index), style: iconStyle, disabled: !enableMoveDown, "aria-label": translations.downAriaLabel, size: 'large' },
|
|
1030
1045
|
React.createElement(ArrowDownward, null))))) : (''),
|
|
1031
|
-
React.createElement(Grid, { item: true },
|
|
1046
|
+
enabled && (React.createElement(Grid, { item: true },
|
|
1032
1047
|
React.createElement(IconButton, { onClick: removeItems(path, [index]), style: iconStyle, "aria-label": translations.removeAriaLabel, size: 'large' },
|
|
1033
|
-
React.createElement(DeleteIcon, null))))))))),
|
|
1048
|
+
React.createElement(DeleteIcon, null)))))))))),
|
|
1034
1049
|
React.createElement(AccordionDetails, null,
|
|
1035
1050
|
React.createElement(JsonFormsDispatch, { enabled: enabled, schema: schema, uischema: foundUISchema, path: childPath, key: childPath, renderers: renderers, cells: cells }))));
|
|
1036
1051
|
};
|
|
@@ -1175,7 +1190,7 @@ const MaterialArrayLayoutComponent = (props) => {
|
|
|
1175
1190
|
const { enabled, data, path, schema, uischema, errors, addItem, renderers, cells, label, required, rootSchema, config, uischemas, translations, } = props;
|
|
1176
1191
|
const appliedUiSchemaOptions = merge({}, config, props.uischema.options);
|
|
1177
1192
|
return (React.createElement("div", null,
|
|
1178
|
-
React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, addItem: addItem, createDefault: innerCreateDefaultValue }),
|
|
1193
|
+
React.createElement(ArrayLayoutToolbar, { translations: translations, label: computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk), errors: errors, path: path, enabled: enabled, addItem: addItem, createDefault: innerCreateDefaultValue }),
|
|
1179
1194
|
React.createElement("div", null, data > 0 ? (map(range(data), (index) => {
|
|
1180
1195
|
return (React.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 }));
|
|
1181
1196
|
})) : (React.createElement("p", null, "No data")))));
|
|
@@ -1419,5 +1434,5 @@ const Unwrapped = {
|
|
|
1419
1434
|
...UnwrappedLayouts,
|
|
1420
1435
|
};
|
|
1421
1436
|
|
|
1422
|
-
export { ArrayLayoutToolbar, CombinatorProperties, CustomizableCells as Customizable, DeleteDialog, ExpandPanelRenderer$1 as ExpandPanelRenderer, ListWithDetailMasterItem, MaterialAllOfRenderer$1 as MaterialAllOfRenderer, MaterialAnyOfRenderer$1 as MaterialAnyOfRenderer, MaterialAnyOfStringOrEnumControl$1 as MaterialAnyOfStringOrEnumControl, MaterialArrayControlRenderer$1 as MaterialArrayControlRenderer, MaterialArrayLayout, MaterialBooleanCell$1 as MaterialBooleanCell, MaterialBooleanControl$1 as MaterialBooleanControl, MaterialBooleanToggleCell$1 as MaterialBooleanToggleCell, MaterialBooleanToggleControl$1 as MaterialBooleanToggleControl, MaterialCategorizationLayout, MaterialDateCell$1 as MaterialDateCell, MaterialDateControl$1 as MaterialDateControl, MaterialDateTimeControl$1 as MaterialDateTimeControl, MaterialEnumArrayRenderer$1 as MaterialEnumArrayRenderer, MaterialEnumCell$1 as MaterialEnumCell, MaterialEnumControl$1 as MaterialEnumControl, MaterialGroupLayout, MaterialHorizontalLayout, MaterialInputControl, MaterialIntegerCell$1 as MaterialIntegerCell, MaterialIntegerControl$1 as MaterialIntegerControl, MaterialLabelRenderer$1 as MaterialLabelRenderer, MaterialLayoutRenderer, MaterialListWithDetailRenderer$1 as MaterialListWithDetailRenderer, MaterialNativeControl$1 as MaterialNativeControl, MaterialNumberCell$1 as MaterialNumberCell, MaterialNumberControl$1 as MaterialNumberControl, MaterialNumberFormatCell$1 as MaterialNumberFormatCell, MaterialObjectRenderer$1 as MaterialObjectRenderer, MaterialOneOfEnumCell$1 as MaterialOneOfEnumCell, MaterialOneOfEnumControl$1 as MaterialOneOfEnumControl, MaterialOneOfRadioGroupControl$1 as MaterialOneOfRadioGroupControl, MaterialOneOfRenderer$1 as MaterialOneOfRenderer, MaterialRadioGroupControl$1 as MaterialRadioGroupControl, MaterialSliderControl$1 as MaterialSliderControl, MaterialTableControl, MaterialTextCell$1 as MaterialTextCell, MaterialTextControl$1 as MaterialTextControl, MaterialTimeCell$1 as MaterialTimeCell, MaterialTimeControl$1 as MaterialTimeControl, MaterialVerticalLayout, MuiAutocomplete, MuiCheckbox, MuiInputInteger, MuiInputNumber, MuiInputNumberFormat, MuiInputText, MuiInputTime, MuiSelect, MuiToggle, NoBorderTableCell, NonEmptyRow,
|
|
1437
|
+
export { ArrayLayoutToolbar, CombinatorProperties, CustomizableCells as Customizable, DeleteDialog, ExpandPanelRenderer$1 as ExpandPanelRenderer, ListWithDetailMasterItem, MaterialAllOfRenderer$1 as MaterialAllOfRenderer, MaterialAnyOfRenderer$1 as MaterialAnyOfRenderer, MaterialAnyOfStringOrEnumControl$1 as MaterialAnyOfStringOrEnumControl, MaterialArrayControlRenderer$1 as MaterialArrayControlRenderer, MaterialArrayLayout, MaterialBooleanCell$1 as MaterialBooleanCell, MaterialBooleanControl$1 as MaterialBooleanControl, MaterialBooleanToggleCell$1 as MaterialBooleanToggleCell, MaterialBooleanToggleControl$1 as MaterialBooleanToggleControl, MaterialCategorizationLayout, MaterialDateCell$1 as MaterialDateCell, MaterialDateControl$1 as MaterialDateControl, MaterialDateTimeControl$1 as MaterialDateTimeControl, MaterialEnumArrayRenderer$1 as MaterialEnumArrayRenderer, MaterialEnumCell$1 as MaterialEnumCell, MaterialEnumControl$1 as MaterialEnumControl, MaterialGroupLayout, MaterialHorizontalLayout, MaterialInputControl, MaterialIntegerCell$1 as MaterialIntegerCell, MaterialIntegerControl$1 as MaterialIntegerControl, MaterialLabelRenderer$1 as MaterialLabelRenderer, MaterialLayoutRenderer, MaterialListWithDetailRenderer$1 as MaterialListWithDetailRenderer, MaterialNativeControl$1 as MaterialNativeControl, MaterialNumberCell$1 as MaterialNumberCell, MaterialNumberControl$1 as MaterialNumberControl, MaterialNumberFormatCell$1 as MaterialNumberFormatCell, MaterialObjectRenderer$1 as MaterialObjectRenderer, MaterialOneOfEnumCell$1 as MaterialOneOfEnumCell, MaterialOneOfEnumControl$1 as MaterialOneOfEnumControl, MaterialOneOfRadioGroupControl$1 as MaterialOneOfRadioGroupControl, MaterialOneOfRenderer$1 as MaterialOneOfRenderer, MaterialRadioGroupControl$1 as MaterialRadioGroupControl, MaterialSliderControl$1 as MaterialSliderControl, MaterialTableControl, MaterialTextCell$1 as MaterialTextCell, MaterialTextControl$1 as MaterialTextControl, MaterialTimeCell$1 as MaterialTimeCell, MaterialTimeControl$1 as MaterialTimeControl, MaterialVerticalLayout, MuiAutocomplete, MuiCheckbox, MuiInputInteger, MuiInputNumber, MuiInputNumberFormat, MuiInputText, MuiInputTime, MuiSelect, MuiToggle, NoBorderTableCell, NonEmptyRow, Unwrapped, createOnChangeHandler, ctxDispatchToExpandPanelProps, getData, i18nDefaults, materialAllOfControlTester, materialAnyOfControlTester, materialAnyOfStringOrEnumControlTester, materialArrayControlTester, materialArrayLayoutTester, materialBooleanCellTester, materialBooleanControlTester, materialBooleanToggleCellTester, materialBooleanToggleControlTester, materialCategorizationTester, materialCells, materialDateCellTester, materialDateControlTester, materialDateTimeControlTester, materialEnumArrayRendererTester, materialEnumCellTester, materialEnumControlTester, materialGroupTester, materialHorizontalLayoutTester, materialIntegerCellTester, materialIntegerControlTester, materialLabelRendererTester, materialListWithDetailTester, materialNativeControlTester, materialNumberCellTester, materialNumberControlTester, materialNumberFormatCellTester, materialObjectControlTester, materialOneOfControlTester, materialOneOfEnumCellTester, materialOneOfEnumControlTester, materialOneOfRadioGroupControlTester, materialRadioGroupControlTester, materialRenderers, materialSliderControlTester, materialTextCellTester, materialTextControlTester, materialTimeCellTester, materialTimeControlTester, materialVerticalLayoutTester, renderLayoutElements, useDebouncedChange, useFocus, withAjvProps, withContextToExpandPanelProps, withJsonFormsExpandPanelProps };
|
|
1423
1438
|
//# sourceMappingURL=jsonforms-react-material.esm.js.map
|