@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/esm/index.js CHANGED
@@ -10,7 +10,36 @@ import { Controller, useForm, useWatch, useFieldArray, FormProvider } from 'reac
10
10
  import { useSession, PageHeader, useNotifications } from '@toolpad/core';
11
11
  import { object, string, coerce, z } from 'zod';
12
12
  import { zodResolver } from '@hookform/resolvers/zod';
13
+ import { useThemeProps, styled, useTheme as useTheme$1, alpha } from '@mui/material/styles';
14
+ import useMediaQuery$1 from '@mui/material/useMediaQuery';
15
+ import Divider from '@mui/material/Divider';
16
+ import Tab from '@mui/material/Tab';
17
+ import Tabs$1, { tabsClasses } from '@mui/material/Tabs';
18
+ import { createSvgIcon } from '@mui/material/utils';
19
+ import Typography from '@mui/material/Typography';
20
+ import Button$1 from '@mui/material/Button';
21
+ import Fade from '@mui/material/Fade';
22
+ import ReactDOM from 'react-dom';
23
+ import ButtonBase from '@mui/material/ButtonBase';
24
+ import IconButton$1 from '@mui/material/IconButton';
25
+ import DialogActions from '@mui/material/DialogActions';
26
+ import List from '@mui/material/List';
27
+ import ListItem from '@mui/material/ListItem';
28
+ import Chip from '@mui/material/Chip';
29
+ import MenuItem from '@mui/material/MenuItem';
30
+ import MenuList from '@mui/material/MenuList';
13
31
  import TextField from '@mui/material/TextField';
32
+ import InputAdornment from '@mui/material/InputAdornment';
33
+ import { major } from '@mui/material/version';
34
+ import InputLabel from '@mui/material/InputLabel';
35
+ import FormHelperText from '@mui/material/FormHelperText';
36
+ import FormControl, { useFormControl } from '@mui/material/FormControl';
37
+ import Grow from '@mui/material/Grow';
38
+ import MuiPaper from '@mui/material/Paper';
39
+ import MuiPopper from '@mui/material/Popper';
40
+ import BaseFocusTrap from '@mui/material/Unstable_TrapFocus';
41
+ import DialogContent from '@mui/material/DialogContent';
42
+ import MuiDialog, { dialogClasses } from '@mui/material/Dialog';
14
43
  import debounce from 'lodash/debounce';
15
44
  import { get, invoke, map, find, forEach as forEach$1, findIndex, mergeWith, isArray, omit, set as set$1, every, includes as includes$1, merge as merge$2, countBy, isNumber, isEmpty as isEmpty$1, isBoolean, isEqual as isEqual$1, debounce as debounce$1, some } from 'lodash';
16
45
  import { produce } from 'immer';
@@ -33,7 +62,6 @@ import DownloadIcon from '@mui/icons-material/Download';
33
62
  import FileUploadIcon from '@mui/icons-material/FileUpload';
34
63
  import { useDropzone } from 'react-dropzone';
35
64
  import Box$1 from '@mui/material/Box';
36
- import Typography from '@mui/material/Typography';
37
65
  import ListItemText from '@mui/material/ListItemText';
38
66
  import { NumericFormat } from 'react-number-format';
39
67
  import { MuiTelInput } from 'mui-tel-input';
@@ -44,7 +72,6 @@ import merge$1 from 'lodash/merge';
44
72
  import SaveIcon from '@mui/icons-material/Save';
45
73
  import AddIcon from '@mui/icons-material/Add';
46
74
  import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
47
- import MenuItem from '@mui/material/MenuItem';
48
75
  import LinearProgress$1 from '@mui/material/LinearProgress';
49
76
  import { useGridApiContext, ToolbarButton, QuickFilter, QuickFilterTrigger, QuickFilterControl, QuickFilterClear, ColumnsPanelTrigger, Toolbar, useGridSelector, gridPaginationSelector, GridRow, GridRowEditStartReasons, GridRowModes, GridActionsCellItem, useGridApiRef, DataGrid, GridRowEditStopReasons, GridEditSingleSelectCell, GridEditInputCell, GridEditBooleanCell } from '@mui/x-data-grid';
50
77
  import Tooltip$1 from '@mui/material/Tooltip';
@@ -52,37 +79,10 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
52
79
  import ExpandLessIcon from '@mui/icons-material/ExpandLess';
53
80
  import Menu$1 from '@mui/material/Menu';
54
81
  import MoreVertIcon from '@mui/icons-material/MoreVert';
55
- import { useThemeProps, styled, useTheme as useTheme$1, alpha } from '@mui/material/styles';
56
- import InputAdornment from '@mui/material/InputAdornment';
57
82
  import SearchIcon from '@mui/icons-material/Search';
58
83
  import FilterListIcon from '@mui/icons-material/FilterList';
59
84
  import ClearIcon$1 from '@mui/icons-material/Clear';
60
85
  import FilterAltIcon from '@mui/icons-material/FilterAlt';
61
- import Divider from '@mui/material/Divider';
62
- import useMediaQuery$1 from '@mui/material/useMediaQuery';
63
- import Tab from '@mui/material/Tab';
64
- import Tabs$1, { tabsClasses } from '@mui/material/Tabs';
65
- import { createSvgIcon } from '@mui/material/utils';
66
- import Button$1 from '@mui/material/Button';
67
- import Fade from '@mui/material/Fade';
68
- import ReactDOM from 'react-dom';
69
- import ButtonBase from '@mui/material/ButtonBase';
70
- import IconButton$1 from '@mui/material/IconButton';
71
- import DialogActions from '@mui/material/DialogActions';
72
- import List from '@mui/material/List';
73
- import ListItem from '@mui/material/ListItem';
74
- import Chip from '@mui/material/Chip';
75
- import MenuList from '@mui/material/MenuList';
76
- import { major } from '@mui/material/version';
77
- import InputLabel from '@mui/material/InputLabel';
78
- import FormHelperText from '@mui/material/FormHelperText';
79
- import FormControl, { useFormControl } from '@mui/material/FormControl';
80
- import Grow from '@mui/material/Grow';
81
- import MuiPaper from '@mui/material/Paper';
82
- import MuiPopper from '@mui/material/Popper';
83
- import BaseFocusTrap from '@mui/material/Unstable_TrapFocus';
84
- import DialogContent from '@mui/material/DialogContent';
85
- import MuiDialog, { dialogClasses } from '@mui/material/Dialog';
86
86
  import FilterNoneIcon from '@mui/icons-material/FilterNone';
87
87
  import CheckIcon from '@mui/icons-material/Check';
88
88
  import DoNotDisturbIcon from '@mui/icons-material/DoNotDisturb';
@@ -25432,7 +25432,7 @@ const ControlledDate = (props) => {
25432
25432
  case "date":
25433
25433
  return (jsx(DatePicker, { ...pickerProps, ...props.fieldProps }));
25434
25434
  case "datetime":
25435
- return (jsx(DateTimePicker, { ...defaultProps, views: ['year', 'month', 'day', 'hours', 'minutes'], ampm: false, ...props.fieldProps }));
25435
+ return (jsx(DateTimePicker, { ...pickerProps, views: ['year', 'month', 'day', 'hours', 'minutes'], ampm: false, ...props.fieldProps }));
25436
25436
  }
25437
25437
  };
25438
25438
  const renderController = (name, type) => {
@@ -25441,7 +25441,7 @@ const ControlledDate = (props) => {
25441
25441
  switch (type) {
25442
25442
  case "datetime":
25443
25443
  if (val) {
25444
- onChange(dayjs(val).format('YYYY-MM-DD'));
25444
+ onChange(dayjs(val).format('YYYY-MM-DDTHH:mm:ssZ'));
25445
25445
  }
25446
25446
  else {
25447
25447
  onChange(null);
@@ -25484,6 +25484,7 @@ const ControlledDate = (props) => {
25484
25484
  return (jsxs(Grid, { size: 12, container: true, direction: 'row', columnSpacing: 1, children: [jsx(Grid, { size: 6, children: renderController(`${props.name}_after`, 'date') }), jsx(Grid, { size: 6, children: renderController(`${props.name}_before`, 'date') })] }));
25485
25485
  return (renderController(props.name, props.extraProps.type));
25486
25486
  };
25487
+ ControlledDate.displayName = 'ControlledDate';
25487
25488
 
25488
25489
  const useHasPermission = (path) => {
25489
25490
  const session = useSession();
@@ -26353,6 +26354,7 @@ const ControlledSelect = (props) => {
26353
26354
  } }));
26354
26355
  } }));
26355
26356
  };
26357
+ ControlledSelect.displayName = 'ControlledSelect';
26356
26358
 
26357
26359
  // ==============================|| DESLIZADOR CONTROLADO ||============================== //
26358
26360
  const ControlledSlider$1 = (props) => {
@@ -26473,6 +26475,7 @@ const ControlledTimePicker = (props) => {
26473
26475
  const ControlledPhotoField = (props) => {
26474
26476
  return (jsx(Controller, { control: props.control, name: props.name, render: ({ field: { onChange, onBlur, ref }, fieldState: { error } }) => (jsxs(FormGroup, { sx: { width: 1 }, color: 'secondary', children: [jsx("input", { type: "file", accept: "image/*", ref: ref, onBlur: onBlur, onChange: (e) => onChange(e.target.files && e.target.files[0]) }), jsx(FormHelperText$1, { error: !!error, children: error ? error.message : ' ' })] })) }));
26475
26477
  };
26478
+ ControlledPhotoField.displayName = 'ControlledPhotoField';
26476
26479
 
26477
26480
  // ==============================|| DESLIZADOR CONTROLADO ||============================== //
26478
26481
  const ControlledSlider = (props) => {
@@ -27898,17 +27901,17 @@ const DetailField = (props) => {
27898
27901
  else if (typeof (props.fieldData) == 'number') {
27899
27902
  return props.fieldData.toString();
27900
27903
  }
27901
- else if (props.type.name == 'ControlledSelect') {
27904
+ else if (props.type.displayName == 'ControlledSelect') {
27902
27905
  if (props.fieldData)
27903
27906
  return map(props.fieldData, function (item) { return item.label; }).join(', ');
27904
27907
  }
27905
- else if (props.type.name == 'ControlledDate') {
27908
+ else if (props.type.displayName == 'ControlledDate') {
27906
27909
  if (props.fieldData) {
27907
27910
  if (props.extraProps.type == 'datetime')
27908
27911
  return dayjs(props.fieldData).format('YYYY-MM-DD HH:mm');
27909
27912
  }
27910
27913
  }
27911
- else if (props.type.name == 'ControlledPhotoField') {
27914
+ else if (props.type.displayName == 'ControlledPhotoField') {
27912
27915
  if (props.fieldData)
27913
27916
  return 'Imagen';
27914
27917
  }