@scenid/react-formulator 1.2.4 → 1.2.5-mui5-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.
@@ -1,96 +1 @@
1
- /**
2
- * Shades of Purple Theme — for Highlightjs.
3
- *
4
- * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
5
- * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
6
- * @version 1.5.0
7
- */
8
-
9
- .hljs {
10
- display: block;
11
- overflow-x: auto;
12
- /* Custom font is optional */
13
- /* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace'; */
14
- padding: 0.5em;
15
- background: #2d2b57;
16
- font-weight: normal;
17
- }
18
-
19
- .hljs-title {
20
- color: #fad000;
21
- font-weight: normal;
22
- }
23
-
24
- .hljs-name {
25
- color: #a1feff;
26
- }
27
-
28
- .hljs-tag {
29
- color: #ffffff;
30
- }
31
-
32
- .hljs-attr {
33
- color: #f8d000;
34
- font-style: italic;
35
- }
36
-
37
- .hljs-built_in,
38
- .hljs-selector-tag,
39
- .hljs-section {
40
- color: #fb9e00;
41
- }
42
-
43
- .hljs-keyword {
44
- color: #fb9e00;
45
- }
46
-
47
- .hljs,
48
- .hljs-subst {
49
- color: #e3dfff;
50
- }
51
-
52
- .hljs-string,
53
- .hljs-attribute,
54
- .hljs-symbol,
55
- .hljs-bullet,
56
- .hljs-addition,
57
- .hljs-code,
58
- .hljs-regexp,
59
- .hljs-selector-class,
60
- .hljs-selector-attr,
61
- .hljs-selector-pseudo,
62
- .hljs-template-tag,
63
- .hljs-quote,
64
- .hljs-deletion {
65
- color: #4cd213;
66
- }
67
-
68
- .hljs-meta,
69
- .hljs-meta-string {
70
- color: #fb9e00;
71
- }
72
-
73
- .hljs-comment {
74
- color: #ac65ff;
75
- }
76
-
77
- .hljs-keyword,
78
- .hljs-selector-tag,
79
- .hljs-literal,
80
- .hljs-name,
81
- .hljs-strong {
82
- font-weight: normal;
83
- }
84
-
85
- .hljs-literal,
86
- .hljs-number {
87
- color: #fa658d;
88
- }
89
-
90
- .hljs-emphasis {
91
- font-style: italic;
92
- }
93
-
94
- .hljs-strong {
95
- font-weight: bold;
96
- }
1
+ 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}
package/dist/index.esm.js CHANGED
@@ -1,41 +1,15 @@
1
1
  import React, { useCallback, useState, useEffect, useRef, cloneElement } from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import _Input from '@material-ui/core/esm/Input';
4
- import _Paper from '@material-ui/core/esm/Paper';
5
- import _Box from '@material-ui/core/esm/Box';
6
- import _Typography from '@material-ui/core/esm/Typography';
7
- import { makeStyles } from '@material-ui/core/styles';
8
- import _FormGroup from '@material-ui/core/esm/FormGroup';
9
- import _FormControl from '@material-ui/core/esm/FormControl';
10
- import _FormHelperText from '@material-ui/core/esm/FormHelperText';
11
- import _FormControlLabel from '@material-ui/core/esm/FormControlLabel';
12
- import _InputAdornment from '@material-ui/core/esm/InputAdornment';
3
+ 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';
4
+ import makeStyles from '@mui/styles/makeStyles';
13
5
  import cx from 'classnames';
14
- import { makeStyles as makeStyles$1, useTheme } from '@material-ui/styles';
15
- import AutorenewIcon from '@material-ui/icons/Autorenew';
16
- import _TextField from '@material-ui/core/esm/TextField';
17
- import _CircularProgress from '@material-ui/core/esm/CircularProgress';
18
- import Autocomplete, { createFilterOptions } from '@material-ui/lab/Autocomplete';
19
- import _MenuItem from '@material-ui/core/esm/MenuItem';
20
- import _Switch from '@material-ui/core/esm/Switch';
21
- import _Checkbox from '@material-ui/core/esm/Checkbox';
22
- import _ClickAwayListener from '@material-ui/core/esm/ClickAwayListener';
23
- import _Clear from '@material-ui/icons/esm/Clear';
24
- import _Save from '@material-ui/icons/esm/Save';
25
- import _Button from '@material-ui/core/esm/Button';
26
- import _List from '@material-ui/core/esm/List';
27
- import _ListItem from '@material-ui/core/esm/ListItem';
28
- import _ListItemSecondaryAction from '@material-ui/core/esm/ListItemSecondaryAction';
29
- import _IconButton from '@material-ui/core/esm/IconButton';
30
- import _Delete from '@material-ui/icons/esm/Delete';
31
- import _ListItemText from '@material-ui/core/esm/ListItemText';
6
+ import { makeStyles as makeStyles$1, useTheme } from '@mui/styles';
7
+ import { Autorenew, Delete, Save, Clear, Check, Close } from '@mui/icons-material';
8
+ import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
32
9
  import path$3 from 'path';
33
10
  import proc from 'process';
34
11
  import { fileURLToPath } from 'url';
35
- import { Alert } from '@material-ui/lab';
36
- import _Close from '@material-ui/icons/esm/Close';
37
- import _Check from '@material-ui/icons/esm/Check';
38
- import { alpha as alpha$1 } from '@material-ui/core/styles/colorManipulator';
12
+ import { alpha as alpha$1 } from '@mui/material/styles';
39
13
 
40
14
  function _classCallCheck(instance, Constructor) {
41
15
  if (!(instance instanceof Constructor)) {
@@ -28542,7 +28516,9 @@ function requireTypeValidator () {
28542
28516
 
28543
28517
  _validator["default"].isZipCode = function (value, _ref3, other) {
28544
28518
  var localeFrom = _ref3.localeFrom;
28545
- return _validator["default"].isPostalCode(value, String(other[localeFrom]) || 'any');
28519
+ var locale = String(other[localeFrom]);
28520
+ if (!_validator["default"].isPostalCodeLocales.includes(locale)) return true;
28521
+ return _validator["default"].isPostalCode(value, locale);
28546
28522
  };
28547
28523
 
28548
28524
  var _default = _validator["default"];
@@ -29391,20 +29367,20 @@ var FormGroupHeader = function FormGroupHeader(_ref) {
29391
29367
  descVariant = _ref.descVariant,
29392
29368
  textAlign = _ref.textAlign;
29393
29369
  if (!label && !desc) return false;
29394
- return /*#__PURE__*/React.createElement(_Box, {
29370
+ return /*#__PURE__*/React.createElement(Box, {
29395
29371
  style: {
29396
29372
  width: '100%',
29397
29373
  display: 'flex',
29398
29374
  flexDirection: 'column'
29399
29375
  }
29400
- }, label && /*#__PURE__*/React.createElement(_Box, {
29376
+ }, label && /*#__PURE__*/React.createElement(Box, {
29401
29377
  mb: 2
29402
- }, /*#__PURE__*/React.createElement(_Typography, {
29378
+ }, /*#__PURE__*/React.createElement(Typography, {
29403
29379
  variant: labelVariant,
29404
29380
  align: textAlign
29405
- }, label)), desc && /*#__PURE__*/React.createElement(_Box, {
29381
+ }, label)), desc && /*#__PURE__*/React.createElement(Box, {
29406
29382
  mb: 2
29407
- }, /*#__PURE__*/React.createElement(_Typography, {
29383
+ }, /*#__PURE__*/React.createElement(Typography, {
29408
29384
  variant: descVariant,
29409
29385
  align: textAlign
29410
29386
  }, desc)));
@@ -29430,11 +29406,11 @@ var FormSectionCard = function FormSectionCard(_ref) {
29430
29406
  descVariant = _ref.descVariant,
29431
29407
  textAlign = _ref.textAlign,
29432
29408
  children = _ref.children;
29433
- return /*#__PURE__*/React.createElement(_Box, {
29409
+ return /*#__PURE__*/React.createElement(Box, {
29434
29410
  mb: 2
29435
- }, /*#__PURE__*/React.createElement(_Paper, {
29411
+ }, /*#__PURE__*/React.createElement(Paper, {
29436
29412
  elevation: 0
29437
- }, /*#__PURE__*/React.createElement(_Box, {
29413
+ }, /*#__PURE__*/React.createElement(Box, {
29438
29414
  p: 2
29439
29415
  }, /*#__PURE__*/React.createElement(FormGroupHeader, {
29440
29416
  label: label,
@@ -29472,7 +29448,7 @@ var FormSectionBlock = function FormSectionBlock(_ref) {
29472
29448
  textAlign = _ref.textAlign,
29473
29449
  children = _ref.children;
29474
29450
  var styles = useStyles$4();
29475
- return /*#__PURE__*/React.createElement(_Box, {
29451
+ return /*#__PURE__*/React.createElement(Box, {
29476
29452
  className: styles.formSectionBlock
29477
29453
  }, /*#__PURE__*/React.createElement(FormGroupHeader, {
29478
29454
  label: label,
@@ -29541,9 +29517,9 @@ var FormControlField$1 = function FormControlField(_ref) {
29541
29517
  var isRender = type === '@@render';
29542
29518
 
29543
29519
  if (validating) {
29544
- finalProps.endAdornment = [/*#__PURE__*/React.createElement(_InputAdornment, {
29520
+ finalProps.endAdornment = [/*#__PURE__*/React.createElement(InputAdornment, {
29545
29521
  position: "end"
29546
- }, /*#__PURE__*/React.createElement(AutorenewIcon, null))];
29522
+ }, /*#__PURE__*/React.createElement(Autorenew, null))];
29547
29523
  }
29548
29524
 
29549
29525
  var control;
@@ -29579,19 +29555,19 @@ var FormControlField$1 = function FormControlField(_ref) {
29579
29555
  return control;
29580
29556
  }
29581
29557
 
29582
- return /*#__PURE__*/React.createElement(_FormControl, {
29558
+ return /*#__PURE__*/React.createElement(FormControl, {
29583
29559
  className: "data-card-field",
29584
29560
  error: dirty && hasErrors,
29585
29561
  variant: variant,
29586
29562
  margin: "dense",
29587
29563
  fullWidth: true,
29588
29564
  required: required
29589
- }, isSwitch && /*#__PURE__*/React.createElement(_FormControlLabel, {
29565
+ }, isSwitch && /*#__PURE__*/React.createElement(FormControlLabel, {
29590
29566
  className: cx(_defineProperty({}, styles.error, dirty && hasErrors)),
29591
29567
  control: control,
29592
29568
  label: label,
29593
29569
  labelPlacement: finalProps.labelPlacement || 'end'
29594
- }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(_FormHelperText, null, errors.map(function (e) {
29570
+ }), !isSwitch && !isRepeater && !isRender && control, dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(FormHelperText, null, errors.map(function (e) {
29595
29571
  return e.message;
29596
29572
  }).join('. ')));
29597
29573
  };
@@ -29637,7 +29613,7 @@ var FormField = function FormField(_ref2) {
29637
29613
  });
29638
29614
  }
29639
29615
 
29640
- return /*#__PURE__*/React.createElement(_FormGroup, null, prepend, /*#__PURE__*/React.createElement(FormControlField$1, finalProps), append);
29616
+ return /*#__PURE__*/React.createElement(FormGroup, null, prepend, /*#__PURE__*/React.createElement(FormControlField$1, finalProps), append);
29641
29617
  };
29642
29618
 
29643
29619
  FormField.propTypes = {
@@ -29699,7 +29675,7 @@ var FormText = function FormText(props) {
29699
29675
  } // eslint-disable-next-line react/jsx-props-no-spreading
29700
29676
 
29701
29677
 
29702
- return /*#__PURE__*/React.createElement(_TextField, _extends({
29678
+ return /*#__PURE__*/React.createElement(TextField, _extends({
29703
29679
  type: type
29704
29680
  }, finalProps));
29705
29681
  };
@@ -29728,7 +29704,7 @@ var FormNumber = function FormNumber(_ref) {
29728
29704
  _onChange = _ref.onChange,
29729
29705
  props = _objectWithoutProperties(_ref, _excluded$6);
29730
29706
 
29731
- return /*#__PURE__*/React.createElement(_TextField, _extends({
29707
+ return /*#__PURE__*/React.createElement(TextField, _extends({
29732
29708
  name: name,
29733
29709
  type: "number",
29734
29710
  value: castToNumber(value, step),
@@ -36772,7 +36748,7 @@ var FormReadOnlyText = function FormReadOnlyText(_ref) {
36772
36748
  finalValue = DateTime.fromISO(value).toLocaleString(formatter);
36773
36749
  }
36774
36750
 
36775
- return /*#__PURE__*/React.createElement(_Typography, {
36751
+ return /*#__PURE__*/React.createElement(Typography, {
36776
36752
  variant: "body1",
36777
36753
  style: {
36778
36754
  whiteSpace: multiline ? 'pre-line' : 'inherit'
@@ -36799,16 +36775,17 @@ var _renderInput = function renderInput(_ref, params) {
36799
36775
 
36800
36776
  if (loading) {
36801
36777
  InputProps = {
36802
- endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
36778
+ endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
36803
36779
  position: "end"
36804
- }, /*#__PURE__*/React.createElement(_CircularProgress, {
36780
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
36805
36781
  size: 20,
36806
36782
  thickness: 4
36807
36783
  }))
36808
36784
  };
36809
36785
  }
36810
36786
 
36811
- return /*#__PURE__*/React.createElement(_TextField, _extends({}, params, {
36787
+ return /*#__PURE__*/React.createElement(TextField // eslint-disable-next-line react/jsx-props-no-spreading
36788
+ , _extends({}, params, {
36812
36789
  required: required,
36813
36790
  label: label,
36814
36791
  variant: variant,
@@ -36953,20 +36930,20 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
36953
36930
  }
36954
36931
 
36955
36932
  if (!options) {
36956
- return /*#__PURE__*/React.createElement(_FormControl, {
36933
+ return /*#__PURE__*/React.createElement(FormControl, {
36957
36934
  error: dirty && hasErrors,
36958
36935
  margin: "dense",
36959
36936
  fullWidth: true,
36960
36937
  required: required
36961
- }, /*#__PURE__*/React.createElement(_TextField, {
36938
+ }, /*#__PURE__*/React.createElement(TextField, {
36962
36939
  label: label,
36963
36940
  variant: variant,
36964
36941
  value: value,
36965
36942
  disabled: true,
36966
36943
  InputProps: {
36967
- endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
36944
+ endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
36968
36945
  position: "end"
36969
- }, /*#__PURE__*/React.createElement(_CircularProgress, {
36946
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
36970
36947
  size: 20,
36971
36948
  thickness: 4
36972
36949
  }))
@@ -36974,7 +36951,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
36974
36951
  }));
36975
36952
  }
36976
36953
 
36977
- return /*#__PURE__*/React.createElement(_FormControl, {
36954
+ return /*#__PURE__*/React.createElement(FormControl, {
36978
36955
  error: dirty && hasErrors,
36979
36956
  margin: "dense",
36980
36957
  fullWidth: true,
@@ -36989,14 +36966,14 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
36989
36966
  required: required,
36990
36967
  disabled: disabled,
36991
36968
  renderOption: function renderOption(option) {
36992
- return /*#__PURE__*/React.createElement(_Box, null, /*#__PURE__*/React.createElement(_Typography, {
36969
+ return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
36993
36970
  variant: "body1"
36994
- }, option.entry), option.count !== undefined && option.count !== null && /*#__PURE__*/React.createElement(_Typography, {
36971
+ }, option.entry), option.count !== undefined && option.count !== null && /*#__PURE__*/React.createElement(Typography, {
36995
36972
  variant: "caption"
36996
36973
  }, "".concat(option.count, " Eintr\xE4ge")));
36997
36974
  },
36998
36975
  renderNewOption: function renderNewOption(newValue) {
36999
- return /*#__PURE__*/React.createElement(_Typography, {
36976
+ return /*#__PURE__*/React.createElement(Typography, {
37000
36977
  variant: "body1"
37001
36978
  }, /*#__PURE__*/React.createElement("strong", null, "\"".concat(newValue, "\" ")), "erstellen");
37002
36979
  },
@@ -37011,7 +36988,7 @@ var FormAutocomplete = function FormAutocomplete(_ref) {
37011
36988
  if (abort) abort();
37012
36989
  },
37013
36990
  onChange: changeValue
37014
- }), dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(_FormHelperText, null, errors.map(function (e) {
36991
+ }), dirty && !disabled && hasErrors && /*#__PURE__*/React.createElement(FormHelperText, null, errors.map(function (e) {
37015
36992
  return e.message;
37016
36993
  }).join('. ')));
37017
36994
  };
@@ -37062,7 +37039,7 @@ var FormSelect = function FormSelect(_ref) {
37062
37039
  var finalValue = '';
37063
37040
  if (value !== undefined) finalValue = value;
37064
37041
  if (finalValue === '' && defaultValue !== undefined) finalValue = defaultValue;
37065
- return /*#__PURE__*/React.createElement(_TextField, _extends({
37042
+ return /*#__PURE__*/React.createElement(TextField, _extends({
37066
37043
  select: true,
37067
37044
  required: required,
37068
37045
  value: finalValue // eslint-disable-next-line react/jsx-props-no-spreading
@@ -37070,7 +37047,7 @@ var FormSelect = function FormSelect(_ref) {
37070
37047
  }, props), allOptions.map(function (_ref2) {
37071
37048
  var itemLabel = _ref2.label,
37072
37049
  itemValue = _ref2.value;
37073
- return /*#__PURE__*/React.createElement(_MenuItem, {
37050
+ return /*#__PURE__*/React.createElement(MenuItem, {
37074
37051
  key: itemLabel,
37075
37052
  value: itemValue
37076
37053
  }, itemLabel);
@@ -37152,7 +37129,7 @@ var FormBoolean = function FormBoolean(_ref) {
37152
37129
  };
37153
37130
 
37154
37131
  if (variant === 'checkbox') {
37155
- return /*#__PURE__*/React.createElement(_Checkbox, {
37132
+ return /*#__PURE__*/React.createElement(Checkbox, {
37156
37133
  color: "primary",
37157
37134
  name: name,
37158
37135
  checked: isChecked$2(value, defaultValue),
@@ -37160,7 +37137,7 @@ var FormBoolean = function FormBoolean(_ref) {
37160
37137
  });
37161
37138
  }
37162
37139
 
37163
- return /*#__PURE__*/React.createElement(_Switch, {
37140
+ return /*#__PURE__*/React.createElement(Switch, {
37164
37141
  color: "primary",
37165
37142
  name: name,
37166
37143
  checked: isChecked$2(value, defaultValue),
@@ -37291,72 +37268,72 @@ var FormRepeater = function FormRepeater(_ref) {
37291
37268
  });
37292
37269
  }
37293
37270
 
37294
- return /*#__PURE__*/React.createElement(_Box, null, /*#__PURE__*/React.createElement(_Typography, {
37271
+ return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Typography, {
37295
37272
  variant: "body1"
37296
- }, label), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) === 0) && /*#__PURE__*/React.createElement(_Box, {
37273
+ }, label), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) === 0) && /*#__PURE__*/React.createElement(Box, {
37297
37274
  mt: 1,
37298
37275
  pl: 2
37299
- }, /*#__PURE__*/React.createElement(_Typography, {
37276
+ }, /*#__PURE__*/React.createElement(Typography, {
37300
37277
  variant: "body2",
37301
37278
  color: "textSecondary"
37302
- }, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React.createElement(_List, {
37279
+ }, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React.createElement(List, {
37303
37280
  dense: true
37304
37281
  }, entries.map(function (entry, index) {
37305
37282
  return (
37306
37283
  /*#__PURE__*/
37307
37284
  // eslint-disable-next-line react/no-array-index-key
37308
- React.createElement(_ListItem, {
37285
+ React.createElement(ListItem, {
37309
37286
  key: "entry-".concat(index)
37310
- }, /*#__PURE__*/React.createElement(_ListItemText, {
37287
+ }, /*#__PURE__*/React.createElement(ListItemText, {
37311
37288
  primary: getValue$1(entry, options)
37312
- }), /*#__PURE__*/React.createElement(_ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(_IconButton, {
37289
+ }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(IconButton, {
37313
37290
  edge: "end",
37314
37291
  "aria-label": "delete",
37315
37292
  size: "small",
37316
37293
  onClick: function onClick() {
37317
37294
  return handleEntryDel(index);
37318
37295
  }
37319
- }, /*#__PURE__*/React.createElement(_Delete, {
37296
+ }, /*#__PURE__*/React.createElement(Delete, {
37320
37297
  fontSize: "small"
37321
37298
  }))))
37322
37299
  );
37323
- })), !inEdit && /*#__PURE__*/React.createElement(_Box, null, /*#__PURE__*/React.createElement(_Button, {
37300
+ })), !inEdit && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
37324
37301
  color: "primary",
37325
37302
  variant: "outlined",
37326
37303
  onClick: function onClick() {
37327
37304
  return setInEdit(true);
37328
37305
  }
37329
- }, "Eintr\xE4ge hinzuf\xFCgen")), inEdit && !options && /*#__PURE__*/React.createElement(_Box, {
37306
+ }, "Eintr\xE4ge hinzuf\xFCgen")), inEdit && !options && /*#__PURE__*/React.createElement(Box, {
37330
37307
  width: "100%",
37331
37308
  display: "flex",
37332
37309
  alignItems: "center"
37333
- }, /*#__PURE__*/React.createElement(_ClickAwayListener, {
37310
+ }, /*#__PURE__*/React.createElement(ClickAwayListener, {
37334
37311
  onClickAway: function onClickAway() {
37335
37312
  if (inputValue === '') {
37336
37313
  setInEdit(false);
37337
37314
  }
37338
37315
  }
37339
- }, /*#__PURE__*/React.createElement(_FormControl, {
37316
+ }, /*#__PURE__*/React.createElement(FormControl, {
37340
37317
  variant: "filled",
37341
37318
  fullWidth: true
37342
- }, /*#__PURE__*/React.createElement(_TextField, {
37319
+ }, /*#__PURE__*/React.createElement(TextField, {
37343
37320
  label: "Neuer Eintrag",
37344
37321
  variant: variant,
37345
37322
  value: inputValue,
37346
37323
  InputProps: {
37347
- endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
37324
+ endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
37348
37325
  position: "end"
37349
- }, /*#__PURE__*/React.createElement(_Box, {
37326
+ }, /*#__PURE__*/React.createElement(Box, {
37350
37327
  mr: 1
37351
- }, /*#__PURE__*/React.createElement(_IconButton, {
37328
+ }, /*#__PURE__*/React.createElement(IconButton, {
37352
37329
  size: "small",
37353
37330
  onClick: handleEntryAdd
37354
- }, /*#__PURE__*/React.createElement(_Save, {
37331
+ }, /*#__PURE__*/React.createElement(Save, {
37355
37332
  fontSize: "small"
37356
- }))), /*#__PURE__*/React.createElement(_IconButton, {
37333
+ }))), /*#__PURE__*/React.createElement(IconButton, {
37357
37334
  size: "small",
37358
37335
  onClick: handleCancelNewEntry
37359
- }, /*#__PURE__*/React.createElement(_Clear, {
37336
+ }, /*#__PURE__*/React.createElement(Clear, {
37360
37337
  fontSize: "small"
37361
37338
  })))
37362
37339
  },
@@ -37367,14 +37344,14 @@ var FormRepeater = function FormRepeater(_ref) {
37367
37344
  onChange: function onChange(e) {
37368
37345
  return setInputValue(e.target.value);
37369
37346
  }
37370
- })))), inEdit && options && /*#__PURE__*/React.createElement(_Box, {
37347
+ })))), inEdit && options && /*#__PURE__*/React.createElement(Box, {
37371
37348
  width: "100%",
37372
37349
  display: "flex",
37373
37350
  alignItems: "center"
37374
- }, /*#__PURE__*/React.createElement(_FormControl, {
37351
+ }, /*#__PURE__*/React.createElement(FormControl, {
37375
37352
  variant: "filled",
37376
37353
  fullWidth: true
37377
- }, /*#__PURE__*/React.createElement(_TextField, {
37354
+ }, /*#__PURE__*/React.createElement(TextField, {
37378
37355
  label: "Eintrag ausw\xE4hlen",
37379
37356
  select: true,
37380
37357
  variant: variant,
@@ -37387,7 +37364,7 @@ var FormRepeater = function FormRepeater(_ref) {
37387
37364
  }, Object.entries(options).sort(function (a, b) {
37388
37365
  return a[1].localeCompare(b[1]);
37389
37366
  }).map(function (e) {
37390
- return /*#__PURE__*/React.createElement(_MenuItem, {
37367
+ return /*#__PURE__*/React.createElement(MenuItem, {
37391
37368
  key: "option-".concat(e[0]),
37392
37369
  value: e[0],
37393
37370
  disabled: blockedOptions.includes(e[0])
@@ -37453,9 +37430,9 @@ var FormControlField = function FormControlField(_ref) {
37453
37430
 
37454
37431
  var control;
37455
37432
  if (type === '@@render') control = /*#__PURE__*/React.cloneElement(component, finalProps);else control = /*#__PURE__*/React.createElement(component, finalProps);
37456
- return /*#__PURE__*/React.createElement(_Box, {
37433
+ return /*#__PURE__*/React.createElement(Box, {
37457
37434
  className: styles.readOnlyField
37458
- }, label && !isSwitch && /*#__PURE__*/React.createElement(_Typography, {
37435
+ }, label && !isSwitch && /*#__PURE__*/React.createElement(Typography, {
37459
37436
  variant: "caption",
37460
37437
  color: "textSecondary"
37461
37438
  }, label), control);
@@ -75782,22 +75759,22 @@ var FormReadOnlyBoolean = function FormReadOnlyBoolean(_ref) {
75782
75759
  labelPlacement = _ref.labelPlacement;
75783
75760
 
75784
75761
  if (variant === 'checkbox') {
75785
- return /*#__PURE__*/React.createElement(_FormControlLabel, {
75762
+ return /*#__PURE__*/React.createElement(FormControlLabel, {
75786
75763
  label: label,
75787
75764
  labelPlacement: labelPlacement || 'end',
75788
75765
  disabled: true,
75789
- control: /*#__PURE__*/React.createElement(_Checkbox, {
75766
+ control: /*#__PURE__*/React.createElement(Checkbox, {
75790
75767
  name: name,
75791
75768
  checked: isChecked$1(value, defaultValue)
75792
75769
  })
75793
75770
  });
75794
75771
  }
75795
75772
 
75796
- return /*#__PURE__*/React.createElement(_FormControlLabel, {
75773
+ return /*#__PURE__*/React.createElement(FormControlLabel, {
75797
75774
  label: label,
75798
75775
  labelPlacement: labelPlacement || 'end',
75799
75776
  disabled: true,
75800
- control: /*#__PURE__*/React.createElement(_Switch, {
75777
+ control: /*#__PURE__*/React.createElement(Switch, {
75801
75778
  name: name,
75802
75779
  checked: isChecked$1(value, defaultValue)
75803
75780
  })
@@ -75831,16 +75808,16 @@ var FormReadOnlyRepeater = function FormReadOnlyRepeater(_ref) {
75831
75808
  var value = _ref.value,
75832
75809
  options = _ref.options;
75833
75810
  var styles = useStyles$1();
75834
- return /*#__PURE__*/React.createElement(_List, {
75811
+ return /*#__PURE__*/React.createElement(List, {
75835
75812
  className: styles.formRepeater,
75836
75813
  dense: true
75837
75814
  }, value && value.map(function (entry, index) {
75838
75815
  return (
75839
75816
  /*#__PURE__*/
75840
75817
  // eslint-disable-next-line react/no-array-index-key
75841
- React.createElement(_ListItem, {
75818
+ React.createElement(ListItem, {
75842
75819
  key: "entry-".concat(index)
75843
- }, /*#__PURE__*/React.createElement(_ListItemText, {
75820
+ }, /*#__PURE__*/React.createElement(ListItemText, {
75844
75821
  primary: getValue(entry, options),
75845
75822
  style: {
75846
75823
  margin: 0
@@ -75858,11 +75835,11 @@ FormReadOnlyRepeater.propTypes = {
75858
75835
  var HiddenData = function HiddenData(_ref) {
75859
75836
  var subject = _ref.subject,
75860
75837
  label = _ref.label;
75861
- return /*#__PURE__*/React.createElement(_Box, {
75838
+ return /*#__PURE__*/React.createElement(Box, {
75862
75839
  mb: 2
75863
75840
  }, /*#__PURE__*/React.createElement(Alert, {
75864
75841
  severity: "warning"
75865
- }, /*#__PURE__*/React.createElement(_Typography, {
75842
+ }, /*#__PURE__*/React.createElement(Typography, {
75866
75843
  variant: "body1"
75867
75844
  }, subject ? "".concat(subject, " ") : '', /*#__PURE__*/React.createElement("span", {
75868
75845
  style: {
@@ -75904,8 +75881,8 @@ var formComponentMap = {
75904
75881
  array: FormRepeater
75905
75882
  };
75906
75883
  var apComponentMap = {
75907
- "default": _Input,
75908
- string: _Input,
75884
+ "default": Input,
75885
+ string: Input,
75909
75886
  number: FormNumber,
75910
75887
  select: FormCatalogType,
75911
75888
  "boolean": FormBoolean
@@ -77044,20 +77021,20 @@ var FormOptionsLoader = function FormOptionsLoader(_ref) {
77044
77021
  }, []);
77045
77022
 
77046
77023
  if (!options) {
77047
- return /*#__PURE__*/React.createElement(_FormControl, {
77024
+ return /*#__PURE__*/React.createElement(FormControl, {
77048
77025
  error: dirty && hasErrors,
77049
77026
  margin: "dense",
77050
77027
  fullWidth: true,
77051
77028
  required: required
77052
- }, /*#__PURE__*/React.createElement(_TextField, {
77029
+ }, /*#__PURE__*/React.createElement(TextField, {
77053
77030
  label: label,
77054
77031
  variant: variant,
77055
77032
  value: value,
77056
77033
  disabled: true,
77057
77034
  InputProps: {
77058
- endAdornment: /*#__PURE__*/React.createElement(_InputAdornment, {
77035
+ endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
77059
77036
  position: "end"
77060
- }, /*#__PURE__*/React.createElement(_CircularProgress, {
77037
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
77061
77038
  size: 20,
77062
77039
  thickness: 4
77063
77040
  }))
@@ -77065,7 +77042,7 @@ var FormOptionsLoader = function FormOptionsLoader(_ref) {
77065
77042
  }));
77066
77043
  }
77067
77044
 
77068
- return /*#__PURE__*/React.createElement(_FormControl, {
77045
+ return /*#__PURE__*/React.createElement(FormControl, {
77069
77046
  error: dirty && hasErrors,
77070
77047
  margin: "dense",
77071
77048
  fullWidth: true,
@@ -77193,33 +77170,33 @@ var FormPrimaryToggle = function FormPrimaryToggle(_ref) {
77193
77170
  };
77194
77171
 
77195
77172
  var checked = isChecked(value, defaultValue);
77196
- return /*#__PURE__*/React.createElement(_Paper, {
77173
+ return /*#__PURE__*/React.createElement(Paper, {
77197
77174
  elevation: 0,
77198
77175
  className: cx(styles["default"], (_cx = {
77199
77176
  clickable: !readOnly
77200
77177
  }, _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)),
77201
77178
  onClick: handleToggleChange
77202
- }, /*#__PURE__*/React.createElement(_Box, {
77179
+ }, /*#__PURE__*/React.createElement(Box, {
77203
77180
  display: "flex",
77204
77181
  flexDirection: "row",
77205
77182
  justifyContent: readOnly ? 'flex-start' : 'space-between',
77206
77183
  alignItems: "center"
77207
- }, readOnly && checked && /*#__PURE__*/React.createElement(_Box, {
77184
+ }, readOnly && checked && /*#__PURE__*/React.createElement(Box, {
77208
77185
  mr: 2,
77209
77186
  mb: -0.5
77210
- }, /*#__PURE__*/React.createElement(_Check, {
77187
+ }, /*#__PURE__*/React.createElement(Check, {
77211
77188
  fontSize: solitary ? 'large' : 'medium',
77212
77189
  htmlColor: theme.palette.text.secondary
77213
- })), readOnly && !checked && /*#__PURE__*/React.createElement(_Box, {
77190
+ })), readOnly && !checked && /*#__PURE__*/React.createElement(Box, {
77214
77191
  mr: 2,
77215
77192
  mb: -0.5
77216
- }, /*#__PURE__*/React.createElement(_Close, {
77193
+ }, /*#__PURE__*/React.createElement(Close, {
77217
77194
  fontSize: solitary ? 'large' : 'medium',
77218
77195
  htmlColor: theme.palette.text.secondary
77219
- })), /*#__PURE__*/React.createElement(_Typography, {
77196
+ })), /*#__PURE__*/React.createElement(Typography, {
77220
77197
  variant: solitary ? 'h5' : 'body1',
77221
77198
  color: checked && !readOnly ? 'primary' : 'textSecondary'
77222
- }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React.createElement(_Switch, {
77199
+ }, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React.createElement(Switch, {
77223
77200
  color: "primary",
77224
77201
  name: name,
77225
77202
  checked: checked,