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

package/dist/index.esm.css

@@ -1 +1,96 @@
-pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2d2b57;color:#e3dfff;font-weight:400}.hljs-subst{color:#e3dfff}.hljs-title{color:#fad000;font-weight:400}.hljs-name{color:#a1feff}.hljs-tag{color:#fff}.hljs-attr{color:#f8d000;font-style:italic}.hljs-built_in,.hljs-keyword,.hljs-section,.hljs-selector-tag{color:#fb9e00}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-code,.hljs-deletion,.hljs-quote,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-string,.hljs-symbol,.hljs-template-tag{color:#4cd213}.hljs-meta,.hljs-meta .hljs-string{color:#fb9e00}.hljs-comment{color:#ac65ff}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-strong{font-weight:400}.hljs-literal,.hljs-number{color:#fa658d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
+/**
+ * Shades of Purple Theme — for Highlightjs.
+ *
+ * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
+ * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
+ * @version 1.5.0
+ */
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  /* Custom font is optional */
+  /* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace';  */
+  padding: 0.5em;
+  background: #2d2b57;
+  font-weight: normal;
+}
+
+.hljs-title {
+  color: #fad000;
+  font-weight: normal;
+}
+
+.hljs-name {
+  color: #a1feff;
+}
+
+.hljs-tag {
+  color: #ffffff;
+}
+
+.hljs-attr {
+  color: #f8d000;
+  font-style: italic;
+}
+
+.hljs-built_in,
+.hljs-selector-tag,
+.hljs-section {
+  color: #fb9e00;
+}
+
+.hljs-keyword {
+  color: #fb9e00;
+}
+
+.hljs,
+.hljs-subst {
+  color: #e3dfff;
+}
+
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-code,
+.hljs-regexp,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-quote,
+.hljs-deletion {
+  color: #4cd213;
+}
+
+.hljs-meta,
+.hljs-meta-string {
+  color: #fb9e00;
+}
+
+.hljs-comment {
+  color: #ac65ff;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name,
+.hljs-strong {
+  font-weight: normal;
+}
+
+.hljs-literal,
+.hljs-number {
+  color: #fa658d;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

package/dist/index.esm.js

@@ -1,15 +1,41 @@
 import React, { useCallback, useState, useEffect, useRef, cloneElement } from 'react';
 import PropTypes from 'prop-types';
-import { Box, Typography, Paper, FormGroup, InputAdornment, FormControl, FormControlLabel, FormHelperText, TextField, CircularProgress, MenuItem, Checkbox, Switch, List, ListItem, ListItemText, ListItemSecondaryAction, IconButton, Button, ClickAwayListener, Alert, Input } from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
+import _Input from '@material-ui/core/esm/Input';
+import _Paper from '@material-ui/core/esm/Paper';
+import _Box from '@material-ui/core/esm/Box';
+import _Typography from '@material-ui/core/esm/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import _FormGroup from '@material-ui/core/esm/FormGroup';
+import _FormControl from '@material-ui/core/esm/FormControl';
+import _FormHelperText from '@material-ui/core/esm/FormHelperText';
+import _FormControlLabel from '@material-ui/core/esm/FormControlLabel';
+import _InputAdornment from '@material-ui/core/esm/InputAdornment';
 import cx from 'classnames';
-import { makeStyles as makeStyles$1, useTheme } from '@mui/styles';
-import { Autorenew, Delete, Save, Clear, Check, Close } from '@mui/icons-material';
-import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
+import { makeStyles as makeStyles$1, useTheme } from '@material-ui/styles';
+import AutorenewIcon from '@material-ui/icons/Autorenew';
+import _TextField from '@material-ui/core/esm/TextField';
+import _CircularProgress from '@material-ui/core/esm/CircularProgress';
+import Autocomplete, { createFilterOptions } from '@material-ui/lab/Autocomplete';
+import _MenuItem from '@material-ui/core/esm/MenuItem';
+import _Switch from '@material-ui/core/esm/Switch';
+import _Checkbox from '@material-ui/core/esm/Checkbox';
+import _ClickAwayListener from '@material-ui/core/esm/ClickAwayListener';
+import _Clear from '@material-ui/icons/esm/Clear';
+import _Save from '@material-ui/icons/esm/Save';
+import _Button from '@material-ui/core/esm/Button';
+import _List from '@material-ui/core/esm/List';
+import _ListItem from '@material-ui/core/esm/ListItem';
+import _ListItemSecondaryAction from '@material-ui/core/esm/ListItemSecondaryAction';
+import _IconButton from '@material-ui/core/esm/IconButton';
+import _Delete from '@material-ui/icons/esm/Delete';
+import _ListItemText from '@material-ui/core/esm/ListItemText';
 import path$3 from 'path';
 import proc from 'process';
 import { fileURLToPath } from 'url';
-import { alpha as alpha$1 } from '@mui/material/styles';
+import { Alert } from '@material-ui/lab';
+import _Close from '@material-ui/icons/esm/Close';
+import _Check from '@material-ui/icons/esm/Check';
+import { alpha as alpha$1 } from '@material-ui/core/styles/colorManipulator';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -29367,20 +29393,20 @@ var FormGroupHeader = function FormGroupHeader(_ref) {
       descVariant = _ref.descVariant,
       textAlign = _ref.textAlign;
   if (!label && !desc) return false;
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(_Box, {
     style: {
       width: '100%',
       display: 'flex',
       flexDirection: 'column'
     }
-  }, label && /*#__PURE__*/React.createElement(Box, {
+  }, label && /*#__PURE__*/React.createElement(_Box, {
     mb: 2
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(_Typography, {
     variant: labelVariant,
     align: textAlign
-  }, label)), desc && /*#__PURE__*/React.createElement(Box, {
+  }, label)), desc && /*#__PURE__*/React.createElement(_Box, {
     mb: 2
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(_Typography, {
     variant: descVariant,
     align: textAlign
   }, desc)));
@@ -29406,11 +29432,11 @@ var FormSectionCard = function FormSectionCard(_ref) {
       descVariant = _ref.descVariant,
       textAlign = _ref.textAlign,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(_Box, {
     mb: 2
-  }, /*#__PURE__*/React.createElement(Paper, {
+  }, /*#__PURE__*/React.createElement(_Paper, {
     elevation: 0
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(_Box, {
     p: 2
   }, /*#__PURE__*/React.createElement(FormGroupHeader, {
     label: label,
@@ -29448,7 +29474,7 @@ var FormSectionBlock = function FormSectionBlock(_ref) {
       textAlign = _ref.textAlign,
       children = _ref.children;
   var styles = useStyles$4();
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(_Box, {
     className: styles.formSectionBlock
   }, /*#__PURE__*/React.createElement(FormGroupHeader, {
     label: label,
@@ -29517,9 +29543,9 @@ var FormControlField$1 = function FormControlField(_ref) {
   var isRender = type === '@@render';
 
   if (validating) {
-    finalProps.endAdornment = [/*#__PURE__*/React.createElement(InputAdornment, {
+    finalProps.endAdornment = [/*#__PURE__*/React.createElement(_InputAdornment, {
       position: "end"
-    }, /*#__PURE__*/React.createElement(Autorenew, null))];
+    }, /*#__PURE__*/React.createElement(AutorenewIcon, null))];
   }
 
   var control;
@@ -29555,19 +29581,19 @@ var FormControlField$1 = function FormControlField(_ref) {
     return control;
   }
 
-  return /*#__PURE__*/React.createElement(FormControl, {
+  return /*#__PURE__*/React.createElement(_FormControl, {
     className: "data-card-field",
     error: dirty && hasErrors,
     variant: variant,
     margin: "dense",
     fullWidth: true,
     required: required
-  }, isSwitch && /*#__PURE__*/React.createElement(FormControlLabel, {
+  }, isSwitch && /*#__PURE__*/React.createElement(_FormControlLabel, {
     className: cx(_defineProperty({}, styles.error, dirty && hasErrors)),
     control: control,
     label: label,
     labelPlacement: finalProps.labelPlacement || 'end'
-  }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(FormHelperText, null, errors.map(function (e) {
+  }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(_FormHelperText, null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };
@@ -29613,7 +29639,7 @@ var FormField = function FormField(_ref2) {
     });
   }
 
-  return /*#__PURE__*/React.createElement(FormGroup, null, prepend, /*#__PURE__*/React.createElement(FormControlField$1, finalProps), append);
+  return /*#__PURE__*/React.createElement(_FormGroup, null, prepend, /*#__PURE__*/React.createElement(FormControlField$1, finalProps), append);
 };
 
 FormField.propTypes = {
@@ -29675,7 +29701,7 @@ var FormText = function FormText(props) {
   } // eslint-disable-next-line react/jsx-props-no-spreading
 
 
-  return /*#__PURE__*/React.createElement(TextField, _extends({
+  return /*#__PURE__*/React.createElement(_TextField, _extends({
     type: type
   }, finalProps));
 };
@@ -29704,7 +29730,7 @@ var FormNumber = function FormNumber(_ref) {
       _onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded$6);
 
-  return /*#__PURE__*/React.createElement(TextField, _extends({
+  return /*#__PURE__*/React.createElement(_TextField, _extends({
     name: name,
     type: "number",
     value: castToNumber(value, step),
@@ -36748,7 +36774,7 @@ var FormReadOnlyText = function FormReadOnlyText(_ref) {
     finalValue = DateTime.fromISO(value).toLocaleString(formatter);
   }
 
-  return /*#__PURE__*/React.createElement(Typography, {
+  return /*#__PURE__*/React.createElement(_Typography, {
     variant: "body1",
     style: {
       whiteSpace: multiline ? 'pre-line' : 'inherit'
@@ -36775,17 +36801,16 @@ var _renderInput = function renderInput(_ref, params) {
 
   if (loading) {
     InputProps = {
-      endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+      endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
         position: "end"
-      }, /*#__PURE__*/React.createElement(CircularProgress, {
+      }, /*#__PURE__*/React.createElement(_CircularProgress, {
         size: 20,
         thickness: 4
       }))
     };
   }
 
-  return /*#__PURE__*/React.createElement(TextField // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, params, {
+  return /*#__PURE__*/React.createElement(_TextField, _extends({}, params, {
     required: required,
     label: label,
     variant: variant,
@@ -36930,20 +36955,20 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
   }
 
   if (!options) {
-    return /*#__PURE__*/React.createElement(FormControl, {
+    return /*#__PURE__*/React.createElement(_FormControl, {
       error: dirty && hasErrors,
       margin: "dense",
       fullWidth: true,
       required: required
-    }, /*#__PURE__*/React.createElement(TextField, {
+    }, /*#__PURE__*/React.createElement(_TextField, {
       label: label,
       variant: variant,
       value: value,
       disabled: true,
       InputProps: {
-        endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+        endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
           position: "end"
-        }, /*#__PURE__*/React.createElement(CircularProgress, {
+        }, /*#__PURE__*/React.createElement(_CircularProgress, {
           size: 20,
           thickness: 4
         }))
@@ -36951,7 +36976,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
     }));
   }
 
-  return /*#__PURE__*/React.createElement(FormControl, {
+  return /*#__PURE__*/React.createElement(_FormControl, {
     error: dirty && hasErrors,
     margin: "dense",
     fullWidth: true,
@@ -36966,14 +36991,14 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
     required: required,
     disabled: disabled,
     renderOption: function renderOption(option) {
-      return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
+      return /*#__PURE__*/React.createElement(_Box, null, /*#__PURE__*/React.createElement(_Typography, {
         variant: "body1"
-      }, option.entry), option.count !== undefined && option.count !== null && /*#__PURE__*/React.createElement(Typography, {
+      }, option.entry), option.count !== undefined && option.count !== null && /*#__PURE__*/React.createElement(_Typography, {
         variant: "caption"
       }, "".concat(option.count, " Eintr\xE4ge")));
     },
     renderNewOption: function renderNewOption(newValue) {
-      return /*#__PURE__*/React.createElement(Typography, {
+      return /*#__PURE__*/React.createElement(_Typography, {
         variant: "body1"
       }, /*#__PURE__*/React.createElement("strong", null, "\"".concat(newValue, "\" ")), "erstellen");
     },
@@ -36988,7 +37013,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
       if (abort) abort();
     },
     onChange: changeValue
-  }), dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(FormHelperText, null, errors.map(function (e) {
+  }), dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(_FormHelperText, null, errors.map(function (e) {
     return e.message;
   }).join('. ')));
 };
@@ -37039,7 +37064,7 @@ var FormSelect = function FormSelect(_ref) {
   var finalValue = '';
   if (value !== undefined) finalValue = value;
   if (finalValue === '' && defaultValue !== undefined) finalValue = defaultValue;
-  return /*#__PURE__*/React.createElement(TextField, _extends({
+  return /*#__PURE__*/React.createElement(_TextField, _extends({
     select: true,
     required: required,
     value: finalValue // eslint-disable-next-line react/jsx-props-no-spreading
@@ -37047,7 +37072,7 @@ var FormSelect = function FormSelect(_ref) {
   }, props), allOptions.map(function (_ref2) {
     var itemLabel = _ref2.label,
         itemValue = _ref2.value;
-    return /*#__PURE__*/React.createElement(MenuItem, {
+    return /*#__PURE__*/React.createElement(_MenuItem, {
       key: itemLabel,
       value: itemValue
     }, itemLabel);
@@ -37129,7 +37154,7 @@ var FormBoolean = function FormBoolean(_ref) {
   };
 
   if (variant === 'checkbox') {
-    return /*#__PURE__*/React.createElement(Checkbox, {
+    return /*#__PURE__*/React.createElement(_Checkbox, {
       color: "primary",
       name: name,
       checked: isChecked$2(value, defaultValue),
@@ -37137,7 +37162,7 @@ var FormBoolean = function FormBoolean(_ref) {
     });
   }
 
-  return /*#__PURE__*/React.createElement(Switch, {
+  return /*#__PURE__*/React.createElement(_Switch, {
     color: "primary",
     name: name,
     checked: isChecked$2(value, defaultValue),
@@ -37268,72 +37293,72 @@ var FormRepeater = function FormRepeater(_ref) {
     });
   }
 
-  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
+  return /*#__PURE__*/React.createElement(_Box, null, /*#__PURE__*/React.createElement(_Typography, {
     variant: "body1"
-  }, label), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) === 0) && /*#__PURE__*/React.createElement(Box, {
+  }, label), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) === 0) && /*#__PURE__*/React.createElement(_Box, {
     mt: 1,
     pl: 2
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(_Typography, {
     variant: "body2",
     color: "textSecondary"
-  }, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React.createElement(List, {
+  }, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React.createElement(_List, {
     dense: true
   }, entries.map(function (entry, index) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
-      React.createElement(ListItem, {
+      React.createElement(_ListItem, {
         key: "entry-".concat(index)
-      }, /*#__PURE__*/React.createElement(ListItemText, {
+      }, /*#__PURE__*/React.createElement(_ListItemText, {
         primary: getValue$1(entry, options)
-      }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(IconButton, {
+      }), /*#__PURE__*/React.createElement(_ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(_IconButton, {
         edge: "end",
         "aria-label": "delete",
         size: "small",
         onClick: function onClick() {
           return handleEntryDel(index);
         }
-      }, /*#__PURE__*/React.createElement(Delete, {
+      }, /*#__PURE__*/React.createElement(_Delete, {
         fontSize: "small"
       }))))
     );
-  })), !inEdit && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
+  })), !inEdit && /*#__PURE__*/React.createElement(_Box, null, /*#__PURE__*/React.createElement(_Button, {
     color: "primary",
     variant: "outlined",
     onClick: function onClick() {
       return setInEdit(true);
     }
-  }, "Eintr\xE4ge hinzuf\xFCgen")), inEdit && !options && /*#__PURE__*/React.createElement(Box, {
+  }, "Eintr\xE4ge hinzuf\xFCgen")), inEdit && !options && /*#__PURE__*/React.createElement(_Box, {
     width: "100%",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(ClickAwayListener, {
+  }, /*#__PURE__*/React.createElement(_ClickAwayListener, {
     onClickAway: function onClickAway() {
       if (inputValue === '') {
         setInEdit(false);
       }
     }
-  }, /*#__PURE__*/React.createElement(FormControl, {
+  }, /*#__PURE__*/React.createElement(_FormControl, {
     variant: "filled",
     fullWidth: true
-  }, /*#__PURE__*/React.createElement(TextField, {
+  }, /*#__PURE__*/React.createElement(_TextField, {
     label: "Neuer Eintrag",
     variant: variant,
     value: inputValue,
     InputProps: {
-      endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+      endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
         position: "end"
-      }, /*#__PURE__*/React.createElement(Box, {
+      }, /*#__PURE__*/React.createElement(_Box, {
         mr: 1
-      }, /*#__PURE__*/React.createElement(IconButton, {
+      }, /*#__PURE__*/React.createElement(_IconButton, {
         size: "small",
         onClick: handleEntryAdd
-      }, /*#__PURE__*/React.createElement(Save, {
+      }, /*#__PURE__*/React.createElement(_Save, {
         fontSize: "small"
-      }))), /*#__PURE__*/React.createElement(IconButton, {
+      }))), /*#__PURE__*/React.createElement(_IconButton, {
         size: "small",
         onClick: handleCancelNewEntry
-      }, /*#__PURE__*/React.createElement(Clear, {
+      }, /*#__PURE__*/React.createElement(_Clear, {
         fontSize: "small"
       })))
     },
@@ -37344,14 +37369,14 @@ var FormRepeater = function FormRepeater(_ref) {
     onChange: function onChange(e) {
       return setInputValue(e.target.value);
     }
-  })))), inEdit && options && /*#__PURE__*/React.createElement(Box, {
+  })))), inEdit && options && /*#__PURE__*/React.createElement(_Box, {
     width: "100%",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(FormControl, {
+  }, /*#__PURE__*/React.createElement(_FormControl, {
     variant: "filled",
     fullWidth: true
-  }, /*#__PURE__*/React.createElement(TextField, {
+  }, /*#__PURE__*/React.createElement(_TextField, {
     label: "Eintrag ausw\xE4hlen",
     select: true,
     variant: variant,
@@ -37364,7 +37389,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.createElement(MenuItem, {
+    return /*#__PURE__*/React.createElement(_MenuItem, {
       key: "option-".concat(e[0]),
       value: e[0],
       disabled: blockedOptions.includes(e[0])
@@ -37430,9 +37455,9 @@ var FormControlField = function FormControlField(_ref) {
 
   var control;
   if (type === '@@render') control = /*#__PURE__*/React.cloneElement(component, finalProps);else control = /*#__PURE__*/React.createElement(component, finalProps);
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(_Box, {
     className: styles.readOnlyField
-  }, label && !isSwitch && /*#__PURE__*/React.createElement(Typography, {
+  }, label && !isSwitch && /*#__PURE__*/React.createElement(_Typography, {
     variant: "caption",
     color: "textSecondary"
   }, label), control);
@@ -75759,22 +75784,22 @@ var FormReadOnlyBoolean = function FormReadOnlyBoolean(_ref) {
       labelPlacement = _ref.labelPlacement;
 
   if (variant === 'checkbox') {
-    return /*#__PURE__*/React.createElement(FormControlLabel, {
+    return /*#__PURE__*/React.createElement(_FormControlLabel, {
       label: label,
       labelPlacement: labelPlacement || 'end',
       disabled: true,
-      control: /*#__PURE__*/React.createElement(Checkbox, {
+      control: /*#__PURE__*/React.createElement(_Checkbox, {
         name: name,
         checked: isChecked$1(value, defaultValue)
       })
     });
   }
 
-  return /*#__PURE__*/React.createElement(FormControlLabel, {
+  return /*#__PURE__*/React.createElement(_FormControlLabel, {
     label: label,
     labelPlacement: labelPlacement || 'end',
     disabled: true,
-    control: /*#__PURE__*/React.createElement(Switch, {
+    control: /*#__PURE__*/React.createElement(_Switch, {
       name: name,
       checked: isChecked$1(value, defaultValue)
     })
@@ -75808,16 +75833,16 @@ var FormReadOnlyRepeater = function FormReadOnlyRepeater(_ref) {
   var value = _ref.value,
       options = _ref.options;
   var styles = useStyles$1();
-  return /*#__PURE__*/React.createElement(List, {
+  return /*#__PURE__*/React.createElement(_List, {
     className: styles.formRepeater,
     dense: true
   }, value && value.map(function (entry, index) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
-      React.createElement(ListItem, {
+      React.createElement(_ListItem, {
         key: "entry-".concat(index)
-      }, /*#__PURE__*/React.createElement(ListItemText, {
+      }, /*#__PURE__*/React.createElement(_ListItemText, {
         primary: getValue(entry, options),
         style: {
           margin: 0
@@ -75835,11 +75860,11 @@ FormReadOnlyRepeater.propTypes = {
 var HiddenData = function HiddenData(_ref) {
   var subject = _ref.subject,
       label = _ref.label;
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React.createElement(_Box, {
     mb: 2
   }, /*#__PURE__*/React.createElement(Alert, {
     severity: "warning"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(_Typography, {
     variant: "body1"
   }, subject ? "".concat(subject, " ") : '', /*#__PURE__*/React.createElement("span", {
     style: {
@@ -75881,8 +75906,8 @@ var formComponentMap = {
   array: FormRepeater
 };
 var apComponentMap = {
-  "default": Input,
-  string: Input,
+  "default": _Input,
+  string: _Input,
   number: FormNumber,
   select: FormCatalogType,
   "boolean": FormBoolean
@@ -77021,20 +77046,20 @@ var FormOptionsLoader = function FormOptionsLoader(_ref) {
   }, []);
 
   if (!options) {
-    return /*#__PURE__*/React.createElement(FormControl, {
+    return /*#__PURE__*/React.createElement(_FormControl, {
       error: dirty && hasErrors,
       margin: "dense",
       fullWidth: true,
       required: required
-    }, /*#__PURE__*/React.createElement(TextField, {
+    }, /*#__PURE__*/React.createElement(_TextField, {
       label: label,
       variant: variant,
       value: value,
       disabled: true,
       InputProps: {
-        endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+        endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
           position: "end"
-        }, /*#__PURE__*/React.createElement(CircularProgress, {
+        }, /*#__PURE__*/React.createElement(_CircularProgress, {
           size: 20,
           thickness: 4
         }))
@@ -77042,7 +77067,7 @@ var FormOptionsLoader = function FormOptionsLoader(_ref) {
     }));
   }
 
-  return /*#__PURE__*/React.createElement(FormControl, {
+  return /*#__PURE__*/React.createElement(_FormControl, {
     error: dirty && hasErrors,
     margin: "dense",
     fullWidth: true,
@@ -77170,33 +77195,33 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
   };
 
   var checked = isChecked(value, defaultValue);
-  return /*#__PURE__*/React.createElement(Paper, {
+  return /*#__PURE__*/React.createElement(_Paper, {
     elevation: 0,
     className: cx(styles["default"], (_cx = {
       clickable: !readOnly
     }, _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.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(_Box, {
     display: "flex",
     flexDirection: "row",
     justifyContent: readOnly ? 'flex-start' : 'space-between',
     alignItems: "center"
-  }, readOnly && checked && /*#__PURE__*/React.createElement(Box, {
+  }, readOnly && checked && /*#__PURE__*/React.createElement(_Box, {
     mr: 2,
     mb: -0.5
-  }, /*#__PURE__*/React.createElement(Check, {
+  }, /*#__PURE__*/React.createElement(_Check, {
     fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
-  })), readOnly && !checked && /*#__PURE__*/React.createElement(Box, {
+  })), readOnly && !checked && /*#__PURE__*/React.createElement(_Box, {
     mr: 2,
     mb: -0.5
-  }, /*#__PURE__*/React.createElement(Close, {
+  }, /*#__PURE__*/React.createElement(_Close, {
     fontSize: solitary ? 'large' : 'medium',
     htmlColor: theme.palette.text.secondary
-  })), /*#__PURE__*/React.createElement(Typography, {
+  })), /*#__PURE__*/React.createElement(_Typography, {
     variant: solitary ? 'h5' : 'body1',
     color: checked && !readOnly ? 'primary' : 'textSecondary'
-  }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React.createElement(Switch, {
+  }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React.createElement(_Switch, {
     color: "primary",
     name: name,
     checked: checked,