@acvl/frontend-components 0.0.20 → 0.0.22
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/cjs/index.js +37 -34
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +37 -34
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -11,7 +11,36 @@ var reactHookForm = require('react-hook-form');
|
|
|
11
11
|
var core = require('@toolpad/core');
|
|
12
12
|
var zod = require('zod');
|
|
13
13
|
var zod$1 = require('@hookform/resolvers/zod');
|
|
14
|
+
var styles = require('@mui/material/styles');
|
|
15
|
+
var useMediaQuery = require('@mui/material/useMediaQuery');
|
|
16
|
+
var Divider = require('@mui/material/Divider');
|
|
17
|
+
var Tab = require('@mui/material/Tab');
|
|
18
|
+
var Tabs$1 = require('@mui/material/Tabs');
|
|
19
|
+
var utils = require('@mui/material/utils');
|
|
20
|
+
var Typography = require('@mui/material/Typography');
|
|
21
|
+
var Button = require('@mui/material/Button');
|
|
22
|
+
var Fade = require('@mui/material/Fade');
|
|
23
|
+
var ReactDOM = require('react-dom');
|
|
24
|
+
var ButtonBase = require('@mui/material/ButtonBase');
|
|
25
|
+
var IconButton = require('@mui/material/IconButton');
|
|
26
|
+
var DialogActions = require('@mui/material/DialogActions');
|
|
27
|
+
var List = require('@mui/material/List');
|
|
28
|
+
var ListItem = require('@mui/material/ListItem');
|
|
29
|
+
var Chip = require('@mui/material/Chip');
|
|
30
|
+
var MenuItem = require('@mui/material/MenuItem');
|
|
31
|
+
var MenuList = require('@mui/material/MenuList');
|
|
14
32
|
var TextField = require('@mui/material/TextField');
|
|
33
|
+
var InputAdornment = require('@mui/material/InputAdornment');
|
|
34
|
+
var version = require('@mui/material/version');
|
|
35
|
+
var InputLabel = require('@mui/material/InputLabel');
|
|
36
|
+
var FormHelperText = require('@mui/material/FormHelperText');
|
|
37
|
+
var FormControl = require('@mui/material/FormControl');
|
|
38
|
+
var Grow = require('@mui/material/Grow');
|
|
39
|
+
var MuiPaper = require('@mui/material/Paper');
|
|
40
|
+
var MuiPopper = require('@mui/material/Popper');
|
|
41
|
+
var BaseFocusTrap = require('@mui/material/Unstable_TrapFocus');
|
|
42
|
+
var DialogContent = require('@mui/material/DialogContent');
|
|
43
|
+
var MuiDialog = require('@mui/material/Dialog');
|
|
15
44
|
var debounce = require('lodash/debounce');
|
|
16
45
|
var lodash = require('lodash');
|
|
17
46
|
var immer = require('immer');
|
|
@@ -34,7 +63,6 @@ var DownloadIcon = require('@mui/icons-material/Download');
|
|
|
34
63
|
var FileUploadIcon = require('@mui/icons-material/FileUpload');
|
|
35
64
|
var reactDropzone = require('react-dropzone');
|
|
36
65
|
var Box = require('@mui/material/Box');
|
|
37
|
-
var Typography = require('@mui/material/Typography');
|
|
38
66
|
var ListItemText = require('@mui/material/ListItemText');
|
|
39
67
|
var reactNumberFormat = require('react-number-format');
|
|
40
68
|
var muiTelInput = require('mui-tel-input');
|
|
@@ -45,7 +73,6 @@ var merge$1 = require('lodash/merge');
|
|
|
45
73
|
var SaveIcon = require('@mui/icons-material/Save');
|
|
46
74
|
var AddIcon = require('@mui/icons-material/Add');
|
|
47
75
|
var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
|
|
48
|
-
var MenuItem = require('@mui/material/MenuItem');
|
|
49
76
|
var LinearProgress = require('@mui/material/LinearProgress');
|
|
50
77
|
var xDataGrid = require('@mui/x-data-grid');
|
|
51
78
|
var Tooltip = require('@mui/material/Tooltip');
|
|
@@ -53,37 +80,10 @@ var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
|
|
|
53
80
|
var ExpandLessIcon = require('@mui/icons-material/ExpandLess');
|
|
54
81
|
var Menu = require('@mui/material/Menu');
|
|
55
82
|
var MoreVertIcon = require('@mui/icons-material/MoreVert');
|
|
56
|
-
var styles = require('@mui/material/styles');
|
|
57
|
-
var InputAdornment = require('@mui/material/InputAdornment');
|
|
58
83
|
var SearchIcon = require('@mui/icons-material/Search');
|
|
59
84
|
var FilterListIcon = require('@mui/icons-material/FilterList');
|
|
60
85
|
var ClearIcon$1 = require('@mui/icons-material/Clear');
|
|
61
86
|
var FilterAltIcon = require('@mui/icons-material/FilterAlt');
|
|
62
|
-
var Divider = require('@mui/material/Divider');
|
|
63
|
-
var useMediaQuery = require('@mui/material/useMediaQuery');
|
|
64
|
-
var Tab = require('@mui/material/Tab');
|
|
65
|
-
var Tabs$1 = require('@mui/material/Tabs');
|
|
66
|
-
var utils = require('@mui/material/utils');
|
|
67
|
-
var Button = require('@mui/material/Button');
|
|
68
|
-
var Fade = require('@mui/material/Fade');
|
|
69
|
-
var ReactDOM = require('react-dom');
|
|
70
|
-
var ButtonBase = require('@mui/material/ButtonBase');
|
|
71
|
-
var IconButton = require('@mui/material/IconButton');
|
|
72
|
-
var DialogActions = require('@mui/material/DialogActions');
|
|
73
|
-
var List = require('@mui/material/List');
|
|
74
|
-
var ListItem = require('@mui/material/ListItem');
|
|
75
|
-
var Chip = require('@mui/material/Chip');
|
|
76
|
-
var MenuList = require('@mui/material/MenuList');
|
|
77
|
-
var version = require('@mui/material/version');
|
|
78
|
-
var InputLabel = require('@mui/material/InputLabel');
|
|
79
|
-
var FormHelperText = require('@mui/material/FormHelperText');
|
|
80
|
-
var FormControl = require('@mui/material/FormControl');
|
|
81
|
-
var Grow = require('@mui/material/Grow');
|
|
82
|
-
var MuiPaper = require('@mui/material/Paper');
|
|
83
|
-
var MuiPopper = require('@mui/material/Popper');
|
|
84
|
-
var BaseFocusTrap = require('@mui/material/Unstable_TrapFocus');
|
|
85
|
-
var DialogContent = require('@mui/material/DialogContent');
|
|
86
|
-
var MuiDialog = require('@mui/material/Dialog');
|
|
87
87
|
var FilterNoneIcon = require('@mui/icons-material/FilterNone');
|
|
88
88
|
var CheckIcon = require('@mui/icons-material/Check');
|
|
89
89
|
var DoNotDisturbIcon = require('@mui/icons-material/DoNotDisturb');
|
|
@@ -25452,7 +25452,7 @@ const ControlledDate = (props) => {
|
|
|
25452
25452
|
case "date":
|
|
25453
25453
|
return (jsxRuntime.jsx(DatePicker, { ...pickerProps, ...props.fieldProps }));
|
|
25454
25454
|
case "datetime":
|
|
25455
|
-
return (jsxRuntime.jsx(DateTimePicker, { ...
|
|
25455
|
+
return (jsxRuntime.jsx(DateTimePicker, { ...pickerProps, views: ['year', 'month', 'day', 'hours', 'minutes'], ampm: false, ...props.fieldProps }));
|
|
25456
25456
|
}
|
|
25457
25457
|
};
|
|
25458
25458
|
const renderController = (name, type) => {
|
|
@@ -25461,7 +25461,7 @@ const ControlledDate = (props) => {
|
|
|
25461
25461
|
switch (type) {
|
|
25462
25462
|
case "datetime":
|
|
25463
25463
|
if (val) {
|
|
25464
|
-
onChange(dayjs(val).format('YYYY-MM-
|
|
25464
|
+
onChange(dayjs(val).format('YYYY-MM-DDTHH:mm:ssZ'));
|
|
25465
25465
|
}
|
|
25466
25466
|
else {
|
|
25467
25467
|
onChange(null);
|
|
@@ -25504,6 +25504,7 @@ const ControlledDate = (props) => {
|
|
|
25504
25504
|
return (jsxRuntime.jsxs(material.Grid, { size: 12, container: true, direction: 'row', columnSpacing: 1, children: [jsxRuntime.jsx(material.Grid, { size: 6, children: renderController(`${props.name}_after`, 'date') }), jsxRuntime.jsx(material.Grid, { size: 6, children: renderController(`${props.name}_before`, 'date') })] }));
|
|
25505
25505
|
return (renderController(props.name, props.extraProps.type));
|
|
25506
25506
|
};
|
|
25507
|
+
ControlledDate.displayName = 'ControlledDate';
|
|
25507
25508
|
|
|
25508
25509
|
const useHasPermission = (path) => {
|
|
25509
25510
|
const session = core.useSession();
|
|
@@ -26373,6 +26374,7 @@ const ControlledSelect = (props) => {
|
|
|
26373
26374
|
} }));
|
|
26374
26375
|
} }));
|
|
26375
26376
|
};
|
|
26377
|
+
ControlledSelect.displayName = 'ControlledSelect';
|
|
26376
26378
|
|
|
26377
26379
|
// ==============================|| DESLIZADOR CONTROLADO ||============================== //
|
|
26378
26380
|
const ControlledSlider$1 = (props) => {
|
|
@@ -26493,6 +26495,7 @@ const ControlledTimePicker = (props) => {
|
|
|
26493
26495
|
const ControlledPhotoField = (props) => {
|
|
26494
26496
|
return (jsxRuntime.jsx(reactHookForm.Controller, { control: props.control, name: props.name, render: ({ field: { onChange, onBlur, ref }, fieldState: { error } }) => (jsxRuntime.jsxs(material.FormGroup, { sx: { width: 1 }, color: 'secondary', children: [jsxRuntime.jsx("input", { type: "file", accept: "image/*", ref: ref, onBlur: onBlur, onChange: (e) => onChange(e.target.files && e.target.files[0]) }), jsxRuntime.jsx(material.FormHelperText, { error: !!error, children: error ? error.message : ' ' })] })) }));
|
|
26495
26497
|
};
|
|
26498
|
+
ControlledPhotoField.displayName = 'ControlledPhotoField';
|
|
26496
26499
|
|
|
26497
26500
|
// ==============================|| DESLIZADOR CONTROLADO ||============================== //
|
|
26498
26501
|
const ControlledSlider = (props) => {
|
|
@@ -27918,17 +27921,17 @@ const DetailField = (props) => {
|
|
|
27918
27921
|
else if (typeof (props.fieldData) == 'number') {
|
|
27919
27922
|
return props.fieldData.toString();
|
|
27920
27923
|
}
|
|
27921
|
-
else if (props.type.
|
|
27924
|
+
else if (props.type.displayName == 'ControlledSelect') {
|
|
27922
27925
|
if (props.fieldData)
|
|
27923
27926
|
return lodash.map(props.fieldData, function (item) { return item.label; }).join(', ');
|
|
27924
27927
|
}
|
|
27925
|
-
else if (props.type.
|
|
27928
|
+
else if (props.type.displayName == 'ControlledDate') {
|
|
27926
27929
|
if (props.fieldData) {
|
|
27927
27930
|
if (props.extraProps.type == 'datetime')
|
|
27928
27931
|
return dayjs(props.fieldData).format('YYYY-MM-DD HH:mm');
|
|
27929
27932
|
}
|
|
27930
27933
|
}
|
|
27931
|
-
else if (props.type.
|
|
27934
|
+
else if (props.type.displayName == 'ControlledPhotoField') {
|
|
27932
27935
|
if (props.fieldData)
|
|
27933
27936
|
return 'Imagen';
|
|
27934
27937
|
}
|