@scenid/react-formulator 1.2.5-mui5-1 → 1.2.5

package/dist/index.cjs.js

@@ -4,26 +4,78 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var material = require('@mui/material');
-var makeStyles = require('@mui/styles/makeStyles');
+var _Input = require('@material-ui/core/esm/Input');
+var _Paper = require('@material-ui/core/esm/Paper');
+var _Box = require('@material-ui/core/esm/Box');
+var _Typography = require('@material-ui/core/esm/Typography');
+var styles = require('@material-ui/core/styles');
+var _FormGroup = require('@material-ui/core/esm/FormGroup');
+var _FormControl = require('@material-ui/core/esm/FormControl');
+var _FormHelperText = require('@material-ui/core/esm/FormHelperText');
+var _FormControlLabel = require('@material-ui/core/esm/FormControlLabel');
+var _InputAdornment = require('@material-ui/core/esm/InputAdornment');
 var cx = require('classnames');
-var styles = require('@mui/styles');
-var iconsMaterial = require('@mui/icons-material');
-var Autocomplete = require('@mui/material/Autocomplete');
+var styles$1 = require('@material-ui/styles');
+var AutorenewIcon = require('@material-ui/icons/Autorenew');
+var _TextField = require('@material-ui/core/esm/TextField');
+var _CircularProgress = require('@material-ui/core/esm/CircularProgress');
+var Autocomplete = require('@material-ui/lab/Autocomplete');
+var _MenuItem = require('@material-ui/core/esm/MenuItem');
+var _Switch = require('@material-ui/core/esm/Switch');
+var _Checkbox = require('@material-ui/core/esm/Checkbox');
+var _ClickAwayListener = require('@material-ui/core/esm/ClickAwayListener');
+var _Clear = require('@material-ui/icons/esm/Clear');
+var _Save = require('@material-ui/icons/esm/Save');
+var _Button = require('@material-ui/core/esm/Button');
+var _List = require('@material-ui/core/esm/List');
+var _ListItem = require('@material-ui/core/esm/ListItem');
+var _ListItemSecondaryAction = require('@material-ui/core/esm/ListItemSecondaryAction');
+var _IconButton = require('@material-ui/core/esm/IconButton');
+var _Delete = require('@material-ui/icons/esm/Delete');
+var _ListItemText = require('@material-ui/core/esm/ListItemText');
 var path$3 = require('path');
 var proc = require('process');
 var url = require('url');
-var styles$1 = require('@mui/material/styles');
+var lab = require('@material-ui/lab');
+var _Close = require('@material-ui/icons/esm/Close');
+var _Check = require('@material-ui/icons/esm/Check');
+var colorManipulator = require('@material-ui/core/styles/colorManipulator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var makeStyles__default = /*#__PURE__*/_interopDefaultLegacy(makeStyles);
+var _Input__default = /*#__PURE__*/_interopDefaultLegacy(_Input);
+var _Paper__default = /*#__PURE__*/_interopDefaultLegacy(_Paper);
+var _Box__default = /*#__PURE__*/_interopDefaultLegacy(_Box);
+var _Typography__default = /*#__PURE__*/_interopDefaultLegacy(_Typography);
+var _FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(_FormGroup);
+var _FormControl__default = /*#__PURE__*/_interopDefaultLegacy(_FormControl);
+var _FormHelperText__default = /*#__PURE__*/_interopDefaultLegacy(_FormHelperText);
+var _FormControlLabel__default = /*#__PURE__*/_interopDefaultLegacy(_FormControlLabel);
+var _InputAdornment__default = /*#__PURE__*/_interopDefaultLegacy(_InputAdornment);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var AutorenewIcon__default = /*#__PURE__*/_interopDefaultLegacy(AutorenewIcon);
+var _TextField__default = /*#__PURE__*/_interopDefaultLegacy(_TextField);
+var _CircularProgress__default = /*#__PURE__*/_interopDefaultLegacy(_CircularProgress);
 var Autocomplete__default = /*#__PURE__*/_interopDefaultLegacy(Autocomplete);
+var _MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(_MenuItem);
+var _Switch__default = /*#__PURE__*/_interopDefaultLegacy(_Switch);
+var _Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(_Checkbox);
+var _ClickAwayListener__default = /*#__PURE__*/_interopDefaultLegacy(_ClickAwayListener);
+var _Clear__default = /*#__PURE__*/_interopDefaultLegacy(_Clear);
+var _Save__default = /*#__PURE__*/_interopDefaultLegacy(_Save);
+var _Button__default = /*#__PURE__*/_interopDefaultLegacy(_Button);
+var _List__default = /*#__PURE__*/_interopDefaultLegacy(_List);
+var _ListItem__default = /*#__PURE__*/_interopDefaultLegacy(_ListItem);
+var _ListItemSecondaryAction__default = /*#__PURE__*/_interopDefaultLegacy(_ListItemSecondaryAction);
+var _IconButton__default = /*#__PURE__*/_interopDefaultLegacy(_IconButton);
+var _Delete__default = /*#__PURE__*/_interopDefaultLegacy(_Delete);
+var _ListItemText__default = /*#__PURE__*/_interopDefaultLegacy(_ListItemText);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path$3);
 var proc__default = /*#__PURE__*/_interopDefaultLegacy(proc);
+var _Close__default = /*#__PURE__*/_interopDefaultLegacy(_Close);
+var _Check__default = /*#__PURE__*/_interopDefaultLegacy(_Check);
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -29381,20 +29433,20 @@ var FormGroupHeader = function FormGroupHeader(_ref) {
       descVariant = _ref.descVariant,
       textAlign = _ref.textAlign;
   if (!label && !desc) return false;
-  return /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     style: {
       width: '100%',
       display: 'flex',
       flexDirection: 'column'
     }
-  }, label && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, label && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mb: 2
-  }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: labelVariant,
     align: textAlign
-  }, label)), desc && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, label)), desc && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mb: 2
-  }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: descVariant,
     align: textAlign
   }, desc)));
@@ -29420,11 +29472,11 @@ var FormSectionCard = function FormSectionCard(_ref) {
       descVariant = _ref.descVariant,
       textAlign = _ref.textAlign,
       children = _ref.children;
-  return /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mb: 2
-  }, /*#__PURE__*/React__default["default"].createElement(material.Paper, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Paper__default["default"], {
     elevation: 0
-  }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     p: 2
   }, /*#__PURE__*/React__default["default"].createElement(FormGroupHeader, {
     label: label,
@@ -29444,7 +29496,7 @@ FormSectionCard.propTypes = {
   children: PropTypes__default["default"].node
 };
 
-var useStyles$4 = makeStyles__default["default"](function (theme) {
+var useStyles$4 = styles.makeStyles(function (theme) {
   return {
     formSectionBlock: {
       '&:not(:last-child)': {
@@ -29462,7 +29514,7 @@ var FormSectionBlock = function FormSectionBlock(_ref) {
       textAlign = _ref.textAlign,
       children = _ref.children;
   var styles = useStyles$4();
-  return /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     className: styles.formSectionBlock
   }, /*#__PURE__*/React__default["default"].createElement(FormGroupHeader, {
     label: label,
@@ -29487,7 +29539,7 @@ var _excluded$7 = ["prepend", "append", "componentProps"];
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles$3 = styles.makeStyles(function (theme) {
+var useStyles$3 = styles$1.makeStyles(function (theme) {
   return {
     error: {
       color: theme.palette.error.main
@@ -29531,9 +29583,9 @@ var FormControlField$1 = function FormControlField(_ref) {
   var isRender = type === '@@render';
 
   if (validating) {
-    finalProps.endAdornment = [/*#__PURE__*/React__default["default"].createElement(material.InputAdornment, {
+    finalProps.endAdornment = [/*#__PURE__*/React__default["default"].createElement(_InputAdornment__default["default"], {
       position: "end"
-    }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Autorenew, null))];
+    }, /*#__PURE__*/React__default["default"].createElement(AutorenewIcon__default["default"], null))];
   }
 
   var control;
@@ -29569,19 +29621,19 @@ var FormControlField$1 = function FormControlField(_ref) {
     return control;
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+  return /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
     className: "data-card-field",
     error: dirty && hasErrors,
     variant: variant,
     margin: "dense",
     fullWidth: true,
     required: required
-  }, isSwitch && /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
+  }, isSwitch && /*#__PURE__*/React__default["default"].createElement(_FormControlLabel__default["default"], {
     className: cx__default["default"](_defineProperty({}, styles.error, dirty && hasErrors)),
     control: control,
     label: label,
     labelPlacement: finalProps.labelPlacement || 'end'
-  }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, null, errors.map(function (e) {
+  }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React__default["default"].createElement(_FormHelperText__default["default"], null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };
@@ -29627,7 +29679,7 @@ var FormField = function FormField(_ref2) {
     });
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.FormGroup, null, prepend, /*#__PURE__*/React__default["default"].createElement(FormControlField$1, finalProps), append);
+  return /*#__PURE__*/React__default["default"].createElement(_FormGroup__default["default"], null, prepend, /*#__PURE__*/React__default["default"].createElement(FormControlField$1, finalProps), append);
 };
 
 FormField.propTypes = {
@@ -29689,7 +29741,7 @@ var FormText = function FormText(props) {
   } // eslint-disable-next-line react/jsx-props-no-spreading
 
 
-  return /*#__PURE__*/React__default["default"].createElement(material.TextField, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], _extends({
     type: type
   }, finalProps));
 };
@@ -29718,7 +29770,7 @@ var FormNumber = function FormNumber(_ref) {
       _onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded$6);
 
-  return /*#__PURE__*/React__default["default"].createElement(material.TextField, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], _extends({
     name: name,
     type: "number",
     value: castToNumber(value, step),
@@ -36762,7 +36814,7 @@ var FormReadOnlyText = function FormReadOnlyText(_ref) {
     finalValue = DateTime.fromISO(value).toLocaleString(formatter);
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  return /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: "body1",
     style: {
       whiteSpace: multiline ? 'pre-line' : 'inherit'
@@ -36789,17 +36841,16 @@ var _renderInput = function renderInput(_ref, params) {
 
   if (loading) {
     InputProps = {
-      endAdornment: /*#__PURE__*/React__default["default"].createElement(material.InputAdornment, {
+      endAdornment: /*#__PURE__*/React__default["default"].createElement(_InputAdornment__default["default"], {
         position: "end"
-      }, /*#__PURE__*/React__default["default"].createElement(material.CircularProgress, {
+      }, /*#__PURE__*/React__default["default"].createElement(_CircularProgress__default["default"], {
         size: 20,
         thickness: 4
       }))
     };
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.TextField // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, params, {
+  return /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], _extends({}, params, {
     required: required,
     label: label,
     variant: variant,
@@ -36944,20 +36995,20 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
   }
 
   if (!options) {
-    return /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+    return /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
       error: dirty && hasErrors,
       margin: "dense",
       fullWidth: true,
       required: required
-    }, /*#__PURE__*/React__default["default"].createElement(material.TextField, {
+    }, /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], {
       label: label,
       variant: variant,
       value: value,
       disabled: true,
       InputProps: {
-        endAdornment: /*#__PURE__*/React__default["default"].createElement(material.InputAdornment, {
+        endAdornment: /*#__PURE__*/React__default["default"].createElement(_InputAdornment__default["default"], {
           position: "end"
-        }, /*#__PURE__*/React__default["default"].createElement(material.CircularProgress, {
+        }, /*#__PURE__*/React__default["default"].createElement(_CircularProgress__default["default"], {
           size: 20,
           thickness: 4
         }))
@@ -36965,7 +37016,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
     }));
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+  return /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
     error: dirty && hasErrors,
     margin: "dense",
     fullWidth: true,
@@ -36980,14 +37031,14 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
     required: required,
     disabled: disabled,
     renderOption: function renderOption(option) {
-      return /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+      return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], null, /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
         variant: "body1"
-      }, option.entry), option.count !== undefined && option.count !== null && /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+      }, option.entry), option.count !== undefined && option.count !== null && /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
         variant: "caption"
       }, "".concat(option.count, " Eintr\xE4ge")));
     },
     renderNewOption: function renderNewOption(newValue) {
-      return /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+      return /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
         variant: "body1"
       }, /*#__PURE__*/React__default["default"].createElement("strong", null, "\"".concat(newValue, "\" ")), "erstellen");
     },
@@ -37002,7 +37053,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
       if (abort) abort();
     },
     onChange: changeValue
-  }), dirty && !disabled && hasErrors && /*#__PURE__*/React__default["default"].createElement(material.FormHelperText, null, errors.map(function (e) {
+  }), dirty && !disabled && hasErrors && /*#__PURE__*/React__default["default"].createElement(_FormHelperText__default["default"], null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };
@@ -37053,7 +37104,7 @@ var FormSelect = function FormSelect(_ref) {
   var finalValue = '';
   if (value !== undefined) finalValue = value;
   if (finalValue === '' && defaultValue !== undefined) finalValue = defaultValue;
-  return /*#__PURE__*/React__default["default"].createElement(material.TextField, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], _extends({
     select: true,
     required: required,
     value: finalValue // eslint-disable-next-line react/jsx-props-no-spreading
@@ -37061,7 +37112,7 @@ var FormSelect = function FormSelect(_ref) {
   }, props), allOptions.map(function (_ref2) {
     var itemLabel = _ref2.label,
         itemValue = _ref2.value;
-    return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
+    return /*#__PURE__*/React__default["default"].createElement(_MenuItem__default["default"], {
       key: itemLabel,
       value: itemValue
     }, itemLabel);
@@ -37143,7 +37194,7 @@ var FormBoolean = function FormBoolean(_ref) {
   };
 
   if (variant === 'checkbox') {
-    return /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
+    return /*#__PURE__*/React__default["default"].createElement(_Checkbox__default["default"], {
       color: "primary",
       name: name,
       checked: isChecked$2(value, defaultValue),
@@ -37151,7 +37202,7 @@ var FormBoolean = function FormBoolean(_ref) {
     });
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.Switch, {
+  return /*#__PURE__*/React__default["default"].createElement(_Switch__default["default"], {
     color: "primary",
     name: name,
     checked: isChecked$2(value, defaultValue),
@@ -37282,72 +37333,72 @@ var FormRepeater = function FormRepeater(_ref) {
     });
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], null, /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: "body1"
-  }, label), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) === 0) && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, label), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) === 0) && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mt: 1,
     pl: 2
-  }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: "body2",
     color: "textSecondary"
-  }, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React__default["default"].createElement(material.List, {
+  }, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React__default["default"].createElement(_List__default["default"], {
     dense: true
   }, entries.map(function (entry, index) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
-      React__default["default"].createElement(material.ListItem, {
+      React__default["default"].createElement(_ListItem__default["default"], {
         key: "entry-".concat(index)
-      }, /*#__PURE__*/React__default["default"].createElement(material.ListItemText, {
+      }, /*#__PURE__*/React__default["default"].createElement(_ListItemText__default["default"], {
         primary: getValue$1(entry, options)
-      }), /*#__PURE__*/React__default["default"].createElement(material.ListItemSecondaryAction, null, /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      }), /*#__PURE__*/React__default["default"].createElement(_ListItemSecondaryAction__default["default"], null, /*#__PURE__*/React__default["default"].createElement(_IconButton__default["default"], {
         edge: "end",
         "aria-label": "delete",
         size: "small",
         onClick: function onClick() {
           return handleEntryDel(index);
         }
-      }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Delete, {
+      }, /*#__PURE__*/React__default["default"].createElement(_Delete__default["default"], {
         fontSize: "small"
       }))))
     );
-  })), !inEdit && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Button, {
+  })), !inEdit && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], null, /*#__PURE__*/React__default["default"].createElement(_Button__default["default"], {
     color: "primary",
     variant: "outlined",
     onClick: function onClick() {
       return setInEdit(true);
     }
-  }, "Eintr\xE4ge hinzuf\xFCgen")), inEdit && !options && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, "Eintr\xE4ge hinzuf\xFCgen")), inEdit && !options && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     width: "100%",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/React__default["default"].createElement(material.ClickAwayListener, {
+  }, /*#__PURE__*/React__default["default"].createElement(_ClickAwayListener__default["default"], {
     onClickAway: function onClickAway() {
       if (inputValue === '') {
         setInEdit(false);
       }
     }
-  }, /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+  }, /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
     variant: "filled",
     fullWidth: true
-  }, /*#__PURE__*/React__default["default"].createElement(material.TextField, {
+  }, /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], {
     label: "Neuer Eintrag",
     variant: variant,
     value: inputValue,
     InputProps: {
-      endAdornment: /*#__PURE__*/React__default["default"].createElement(material.InputAdornment, {
+      endAdornment: /*#__PURE__*/React__default["default"].createElement(_InputAdornment__default["default"], {
         position: "end"
-      }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
+      }, /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
         mr: 1
-      }, /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      }, /*#__PURE__*/React__default["default"].createElement(_IconButton__default["default"], {
         size: "small",
         onClick: handleEntryAdd
-      }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Save, {
+      }, /*#__PURE__*/React__default["default"].createElement(_Save__default["default"], {
         fontSize: "small"
-      }))), /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      }))), /*#__PURE__*/React__default["default"].createElement(_IconButton__default["default"], {
         size: "small",
         onClick: handleCancelNewEntry
-      }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Clear, {
+      }, /*#__PURE__*/React__default["default"].createElement(_Clear__default["default"], {
         fontSize: "small"
       })))
     },
@@ -37358,14 +37409,14 @@ var FormRepeater = function FormRepeater(_ref) {
     onChange: function onChange(e) {
       return setInputValue(e.target.value);
     }
-  })))), inEdit && options && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  })))), inEdit && options && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     width: "100%",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+  }, /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
     variant: "filled",
     fullWidth: true
-  }, /*#__PURE__*/React__default["default"].createElement(material.TextField, {
+  }, /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], {
     label: "Eintrag ausw\xE4hlen",
     select: true,
     variant: variant,
@@ -37378,7 +37429,7 @@ var FormRepeater = function FormRepeater(_ref) {
   }, Object.entries(options).sort(function (a, b) {
     return a[1].localeCompare(b[1]);
   }).map(function (e) {
-    return /*#__PURE__*/React__default["default"].createElement(material.MenuItem, {
+    return /*#__PURE__*/React__default["default"].createElement(_MenuItem__default["default"], {
       key: "option-".concat(e[0]),
       value: e[0],
       disabled: blockedOptions.includes(e[0])
@@ -37400,7 +37451,7 @@ var _excluded$3 = ["prepend", "append", "componentProps"];
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles$2 = makeStyles__default["default"](function (theme) {
+var useStyles$2 = styles.makeStyles(function (theme) {
   return {
     readOnlyField: {
       width: '100%',
@@ -37444,9 +37495,9 @@ var FormControlField = function FormControlField(_ref) {
 
   var control;
   if (type === '@@render') control = /*#__PURE__*/React__default["default"].cloneElement(component, finalProps);else control = /*#__PURE__*/React__default["default"].createElement(component, finalProps);
-  return /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     className: styles.readOnlyField
-  }, label && !isSwitch && /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  }, label && !isSwitch && /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: "caption",
     color: "textSecondary"
   }, label), control);
@@ -75773,22 +75824,22 @@ var FormReadOnlyBoolean = function FormReadOnlyBoolean(_ref) {
       labelPlacement = _ref.labelPlacement;
 
   if (variant === 'checkbox') {
-    return /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
+    return /*#__PURE__*/React__default["default"].createElement(_FormControlLabel__default["default"], {
       label: label,
       labelPlacement: labelPlacement || 'end',
       disabled: true,
-      control: /*#__PURE__*/React__default["default"].createElement(material.Checkbox, {
+      control: /*#__PURE__*/React__default["default"].createElement(_Checkbox__default["default"], {
         name: name,
         checked: isChecked$1(value, defaultValue)
       })
     });
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.FormControlLabel, {
+  return /*#__PURE__*/React__default["default"].createElement(_FormControlLabel__default["default"], {
     label: label,
     labelPlacement: labelPlacement || 'end',
     disabled: true,
-    control: /*#__PURE__*/React__default["default"].createElement(material.Switch, {
+    control: /*#__PURE__*/React__default["default"].createElement(_Switch__default["default"], {
       name: name,
       checked: isChecked$1(value, defaultValue)
     })
@@ -75804,7 +75855,7 @@ FormReadOnlyBoolean.propTypes = {
   labelPlacement: PropTypes__default["default"].string
 };
 
-var useStyles$1 = makeStyles__default["default"](function () {
+var useStyles$1 = styles.makeStyles(function () {
   return {
     formRepeater: {
       padding: 0,
@@ -75822,16 +75873,16 @@ var FormReadOnlyRepeater = function FormReadOnlyRepeater(_ref) {
   var value = _ref.value,
       options = _ref.options;
   var styles = useStyles$1();
-  return /*#__PURE__*/React__default["default"].createElement(material.List, {
+  return /*#__PURE__*/React__default["default"].createElement(_List__default["default"], {
     className: styles.formRepeater,
     dense: true
   }, value && value.map(function (entry, index) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
-      React__default["default"].createElement(material.ListItem, {
+      React__default["default"].createElement(_ListItem__default["default"], {
         key: "entry-".concat(index)
-      }, /*#__PURE__*/React__default["default"].createElement(material.ListItemText, {
+      }, /*#__PURE__*/React__default["default"].createElement(_ListItemText__default["default"], {
         primary: getValue(entry, options),
         style: {
           margin: 0
@@ -75849,11 +75900,11 @@ FormReadOnlyRepeater.propTypes = {
 var HiddenData = function HiddenData(_ref) {
   var subject = _ref.subject,
       label = _ref.label;
-  return /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mb: 2
-  }, /*#__PURE__*/React__default["default"].createElement(material.Alert, {
+  }, /*#__PURE__*/React__default["default"].createElement(lab.Alert, {
     severity: "warning"
-  }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: "body1"
   }, subject ? "".concat(subject, " ") : '', /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
@@ -75895,8 +75946,8 @@ var formComponentMap = {
   array: FormRepeater
 };
 var apComponentMap = {
-  "default": material.Input,
-  string: material.Input,
+  "default": _Input__default["default"],
+  string: _Input__default["default"],
   number: FormNumber,
   select: FormCatalogType,
   "boolean": FormBoolean
@@ -77035,20 +77086,20 @@ var FormOptionsLoader = function FormOptionsLoader(_ref) {
   }, []);
 
   if (!options) {
-    return /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+    return /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
       error: dirty && hasErrors,
       margin: "dense",
       fullWidth: true,
       required: required
-    }, /*#__PURE__*/React__default["default"].createElement(material.TextField, {
+    }, /*#__PURE__*/React__default["default"].createElement(_TextField__default["default"], {
       label: label,
       variant: variant,
       value: value,
       disabled: true,
       InputProps: {
-        endAdornment: /*#__PURE__*/React__default["default"].createElement(material.InputAdornment, {
+        endAdornment: /*#__PURE__*/React__default["default"].createElement(_InputAdornment__default["default"], {
           position: "end"
-        }, /*#__PURE__*/React__default["default"].createElement(material.CircularProgress, {
+        }, /*#__PURE__*/React__default["default"].createElement(_CircularProgress__default["default"], {
           size: 20,
           thickness: 4
         }))
@@ -77056,7 +77107,7 @@ var FormOptionsLoader = function FormOptionsLoader(_ref) {
     }));
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(material.FormControl, {
+  return /*#__PURE__*/React__default["default"].createElement(_FormControl__default["default"], {
     error: dirty && hasErrors,
     margin: "dense",
     fullWidth: true,
@@ -77100,7 +77151,7 @@ FormOptionsLoader.propTypes = {
   formElement: PropTypes__default["default"].elementType
 };
 
-var useStyles = styles.makeStyles(function (theme) {
+var useStyles = styles$1.makeStyles(function (theme) {
   return {
     "default": {
       margin: 0,
@@ -77130,7 +77181,7 @@ var useStyles = styles.makeStyles(function (theme) {
       }
     },
     checked: {
-      backgroundColor: styles$1.alpha(theme.palette.primary.main, 0.12)
+      backgroundColor: colorManipulator.alpha(theme.palette.primary.main, 0.12)
     },
     unchecked: {
       backgroundColor: theme.palette.grey[200]
@@ -77158,8 +77209,8 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
       readOnly = _ref.readOnly,
       checkedLabel = _ref.checkedLabel,
       uncheckedLabel = _ref.uncheckedLabel;
-  var styles$1 = useStyles();
-  var theme = styles.useTheme();
+  var styles = useStyles();
+  var theme = styles$1.useTheme();
 
   var handleChange = function handleChange(e) {
     var newValue = e.target.checked;
@@ -77184,33 +77235,33 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
   };
 
   var checked = isChecked(value, defaultValue);
-  return /*#__PURE__*/React__default["default"].createElement(material.Paper, {
+  return /*#__PURE__*/React__default["default"].createElement(_Paper__default["default"], {
     elevation: 0,
-    className: cx__default["default"](styles$1["default"], (_cx = {
+    className: cx__default["default"](styles["default"], (_cx = {
       clickable: !readOnly
-    }, _defineProperty(_cx, styles$1.spanSolitaryToCard, solitary && formVariant === 'card'), _defineProperty(_cx, styles$1.spanBannerToCard, !solitary && formVariant === 'card'), _defineProperty(_cx, styles$1.sharpEdges, !solitary), _defineProperty(_cx, styles$1.checked, checked), _defineProperty(_cx, styles$1.unchecked, !checked), _cx)),
+    }, _defineProperty(_cx, styles.spanSolitaryToCard, solitary && formVariant === 'card'), _defineProperty(_cx, styles.spanBannerToCard, !solitary && formVariant === 'card'), _defineProperty(_cx, styles.sharpEdges, !solitary), _defineProperty(_cx, styles.checked, checked), _defineProperty(_cx, styles.unchecked, !checked), _cx)),
     onClick: handleToggleChange
-  }, /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     display: "flex",
     flexDirection: "row",
     justifyContent: readOnly ? 'flex-start' : 'space-between',
     alignItems: "center"
-  }, readOnly && checked && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  }, readOnly && checked && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mr: 2,
     mb: -0.5
-  }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Check, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Check__default["default"], {
     fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
-  })), readOnly && !checked && /*#__PURE__*/React__default["default"].createElement(material.Box, {
+  })), readOnly && !checked && /*#__PURE__*/React__default["default"].createElement(_Box__default["default"], {
     mr: 2,
     mb: -0.5
-  }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Close, {
+  }, /*#__PURE__*/React__default["default"].createElement(_Close__default["default"], {
     fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
-  })), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+  })), /*#__PURE__*/React__default["default"].createElement(_Typography__default["default"], {
     variant: solitary ? 'h5' : 'body1',
     color: checked && !readOnly ? 'primary' : 'textSecondary'
-  }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React__default["default"].createElement(material.Switch, {
+  }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React__default["default"].createElement(_Switch__default["default"], {
     color: "primary",
     name: name,
     checked: checked,