@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.
- package/dist/index.cjs.css +1 -96
- package/dist/index.cjs.js +105 -154
- package/dist/index.esm.css +1 -96
- package/dist/index.esm.js +93 -116
- package/package.json +95 -90
package/dist/index.esm.css
CHANGED
|
@@ -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
|
|
4
|
-
import
|
|
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 '@
|
|
15
|
-
import
|
|
16
|
-
import
|
|
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 {
|
|
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
|
-
|
|
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(
|
|
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(
|
|
29376
|
+
}, label && /*#__PURE__*/React.createElement(Box, {
|
|
29401
29377
|
mb: 2
|
|
29402
|
-
}, /*#__PURE__*/React.createElement(
|
|
29378
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
29403
29379
|
variant: labelVariant,
|
|
29404
29380
|
align: textAlign
|
|
29405
|
-
}, label)), desc && /*#__PURE__*/React.createElement(
|
|
29381
|
+
}, label)), desc && /*#__PURE__*/React.createElement(Box, {
|
|
29406
29382
|
mb: 2
|
|
29407
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
29409
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
29434
29410
|
mb: 2
|
|
29435
|
-
}, /*#__PURE__*/React.createElement(
|
|
29411
|
+
}, /*#__PURE__*/React.createElement(Paper, {
|
|
29436
29412
|
elevation: 0
|
|
29437
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
29520
|
+
finalProps.endAdornment = [/*#__PURE__*/React.createElement(InputAdornment, {
|
|
29545
29521
|
position: "end"
|
|
29546
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
36778
|
+
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
36803
36779
|
position: "end"
|
|
36804
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
36944
|
+
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
36968
36945
|
position: "end"
|
|
36969
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
37276
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
37300
37277
|
variant: "body2",
|
|
37301
37278
|
color: "textSecondary"
|
|
37302
|
-
}, "Keine Eintr\xE4ge vorhanden")), /*#__PURE__*/React.createElement(
|
|
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(
|
|
37285
|
+
React.createElement(ListItem, {
|
|
37309
37286
|
key: "entry-".concat(index)
|
|
37310
|
-
}, /*#__PURE__*/React.createElement(
|
|
37287
|
+
}, /*#__PURE__*/React.createElement(ListItemText, {
|
|
37311
37288
|
primary: getValue$1(entry, options)
|
|
37312
|
-
}), /*#__PURE__*/React.createElement(
|
|
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(
|
|
37296
|
+
}, /*#__PURE__*/React.createElement(Delete, {
|
|
37320
37297
|
fontSize: "small"
|
|
37321
37298
|
}))))
|
|
37322
37299
|
);
|
|
37323
|
-
})), !inEdit && /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
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(
|
|
37316
|
+
}, /*#__PURE__*/React.createElement(FormControl, {
|
|
37340
37317
|
variant: "filled",
|
|
37341
37318
|
fullWidth: true
|
|
37342
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
37324
|
+
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
37348
37325
|
position: "end"
|
|
37349
|
-
}, /*#__PURE__*/React.createElement(
|
|
37326
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
37350
37327
|
mr: 1
|
|
37351
|
-
}, /*#__PURE__*/React.createElement(
|
|
37328
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
37352
37329
|
size: "small",
|
|
37353
37330
|
onClick: handleEntryAdd
|
|
37354
|
-
}, /*#__PURE__*/React.createElement(
|
|
37331
|
+
}, /*#__PURE__*/React.createElement(Save, {
|
|
37355
37332
|
fontSize: "small"
|
|
37356
|
-
}))), /*#__PURE__*/React.createElement(
|
|
37333
|
+
}))), /*#__PURE__*/React.createElement(IconButton, {
|
|
37357
37334
|
size: "small",
|
|
37358
37335
|
onClick: handleCancelNewEntry
|
|
37359
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
37347
|
+
})))), inEdit && options && /*#__PURE__*/React.createElement(Box, {
|
|
37371
37348
|
width: "100%",
|
|
37372
37349
|
display: "flex",
|
|
37373
37350
|
alignItems: "center"
|
|
37374
|
-
}, /*#__PURE__*/React.createElement(
|
|
37351
|
+
}, /*#__PURE__*/React.createElement(FormControl, {
|
|
37375
37352
|
variant: "filled",
|
|
37376
37353
|
fullWidth: true
|
|
37377
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
37433
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
37457
37434
|
className: styles.readOnlyField
|
|
37458
|
-
}, label && !isSwitch && /*#__PURE__*/React.createElement(
|
|
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(
|
|
75762
|
+
return /*#__PURE__*/React.createElement(FormControlLabel, {
|
|
75786
75763
|
label: label,
|
|
75787
75764
|
labelPlacement: labelPlacement || 'end',
|
|
75788
75765
|
disabled: true,
|
|
75789
|
-
control: /*#__PURE__*/React.createElement(
|
|
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(
|
|
75773
|
+
return /*#__PURE__*/React.createElement(FormControlLabel, {
|
|
75797
75774
|
label: label,
|
|
75798
75775
|
labelPlacement: labelPlacement || 'end',
|
|
75799
75776
|
disabled: true,
|
|
75800
|
-
control: /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
75818
|
+
React.createElement(ListItem, {
|
|
75842
75819
|
key: "entry-".concat(index)
|
|
75843
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
75838
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
75862
75839
|
mb: 2
|
|
75863
75840
|
}, /*#__PURE__*/React.createElement(Alert, {
|
|
75864
75841
|
severity: "warning"
|
|
75865
|
-
}, /*#__PURE__*/React.createElement(
|
|
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":
|
|
75908
|
-
string:
|
|
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(
|
|
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(
|
|
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(
|
|
77035
|
+
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
77059
77036
|
position: "end"
|
|
77060
|
-
}, /*#__PURE__*/React.createElement(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
77184
|
+
}, readOnly && checked && /*#__PURE__*/React.createElement(Box, {
|
|
77208
77185
|
mr: 2,
|
|
77209
77186
|
mb: -0.5
|
|
77210
|
-
}, /*#__PURE__*/React.createElement(
|
|
77187
|
+
}, /*#__PURE__*/React.createElement(Check, {
|
|
77211
77188
|
fontSize: solitary ? 'large' : 'medium',
|
|
77212
77189
|
htmlColor: theme.palette.text.secondary
|
|
77213
|
-
})), readOnly && !checked && /*#__PURE__*/React.createElement(
|
|
77190
|
+
})), readOnly && !checked && /*#__PURE__*/React.createElement(Box, {
|
|
77214
77191
|
mr: 2,
|
|
77215
77192
|
mb: -0.5
|
|
77216
|
-
}, /*#__PURE__*/React.createElement(
|
|
77193
|
+
}, /*#__PURE__*/React.createElement(Close, {
|
|
77217
77194
|
fontSize: solitary ? 'large' : 'medium',
|
|
77218
77195
|
htmlColor: theme.palette.text.secondary
|
|
77219
|
-
})), /*#__PURE__*/React.createElement(
|
|
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(
|
|
77199
|
+
}, checked ? checkedLabel : uncheckedLabel), !readOnly && /*#__PURE__*/React.createElement(Switch, {
|
|
77223
77200
|
color: "primary",
|
|
77224
77201
|
name: name,
|
|
77225
77202
|
checked: checked,
|