@portnet/ui 1.2.0 → 1.2.2

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.
Files changed (62) hide show
  1. package/dist/components/buttons/PuiButton.js +12 -13
  2. package/dist/components/buttons/PuiIconButton.js +8 -9
  3. package/dist/components/common/PuiAlertContext.js +2 -1
  4. package/dist/components/common/StyledMuiButton.js +8 -9
  5. package/dist/components/common/StyledMuiTextField.js +9 -10
  6. package/dist/components/inputs/PuiAutocomplete.js +9 -11
  7. package/dist/components/inputs/PuiCheckbox.js +12 -15
  8. package/dist/components/inputs/PuiCheckboxGroup.js +6 -8
  9. package/dist/components/inputs/PuiCheckboxItem.js +8 -9
  10. package/dist/components/inputs/PuiDateField.js +63 -128
  11. package/dist/components/inputs/PuiDateTimeField.js +431 -38
  12. package/dist/components/inputs/PuiFileField.js +10 -11
  13. package/dist/components/inputs/PuiRadioGroup.js +8 -9
  14. package/dist/components/inputs/PuiRadioItem.js +7 -8
  15. package/dist/components/inputs/PuiSelect.js +10 -12
  16. package/dist/components/inputs/PuiTextField.js +8 -9
  17. package/dist/components/others/PuiBadge.js +4 -6
  18. package/dist/components/others/PuiChip.js +15 -16
  19. package/dist/components/others/PuiDialog.js +8 -9
  20. package/dist/components/others/PuiFormikForm.js +2 -1
  21. package/dist/components/others/PuiGrid.js +3 -5
  22. package/dist/components/others/PuiIcon.js +8 -9
  23. package/dist/components/others/PuiLoadingBackdrop.js +1 -1
  24. package/dist/components/others/PuiMainContainer.js +7 -8
  25. package/dist/components/others/PuiNavigation.js +6 -7
  26. package/dist/components/others/PuiSection.js +7 -8
  27. package/dist/components/others/PuiTooltip.js +9 -10
  28. package/dist/components/providers/PuiAlertProvider.js +8 -10
  29. package/dist/components/providers/PuiLocalizationProvider.js +5 -7
  30. package/dist/components/referentiel/common/ReferetielContext.js +2 -1
  31. package/dist/components/referentiel/common/constants/specificReferentielsBaseColumns.js +92 -92
  32. package/dist/components/referentiel/common/constants/specificReferentielsBaseFilters.js +1 -1
  33. package/dist/components/referentiel/common/constants/specificReferentielsValidationSchemas.js +2 -1
  34. package/dist/components/referentiel/components/PuiBasePopupReferentielField.js +6 -7
  35. package/dist/components/referentiel/components/PuiCustomPopupReferentielField.js +6 -7
  36. package/dist/components/referentiel/components/PuiSimplePopupReferentielField.js +6 -8
  37. package/dist/components/referentiel/components/PuiSimpleReferentielField.js +9 -11
  38. package/dist/components/referentiel/components/PuiSpecificReferentielField.js +8 -10
  39. package/dist/components/referentiel/providers/PuiReferentielProvider.js +6 -7
  40. package/dist/components/tab/PuiTab.js +1 -1
  41. package/dist/components/tab/PuiTabs.js +10 -13
  42. package/dist/components/table/PuiTable.js +18 -21
  43. package/dist/components/table/PuiTableAction.js +4 -6
  44. package/dist/components/typography/PuiDefinition.js +1 -1
  45. package/dist/components/typography/PuiIndication.js +6 -7
  46. package/dist/components/typography/PuiMainTitle.js +6 -8
  47. package/dist/components/ui/dialogs/PuiSearchDialog.js +8 -9
  48. package/dist/components/ui/pages/errors/PuiErrorBasePage.js +1 -1
  49. package/dist/components/ui/pages/errors/PuiForbiddenErrorPage.js +1 -1
  50. package/dist/components/ui/pages/errors/PuiNetworkErrorPage.js +1 -1
  51. package/dist/components/ui/pages/errors/PuiNotFoundErrorPage.js +1 -1
  52. package/dist/components/ui/pages/errors/PuiServerErrorPage.js +1 -1
  53. package/dist/components/ui/pages/general/PuiDefaultPage.js +1 -1
  54. package/dist/components/ui/pages/general/PuiSearchPage.js +39 -63
  55. package/dist/config/mapping.js +1 -1
  56. package/dist/hooks/useAlert.js +3 -2
  57. package/dist/hooks/useAxios.js +1 -1
  58. package/dist/hooks/useQuery.js +2 -4
  59. package/dist/index.js +1 -1
  60. package/package.json +98 -105
  61. package/dist/components/others/DateTimePickerField.js +0 -210
  62. package/dist/components/table/ActionPopover.js +0 -56
@@ -1,29 +1,370 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/esnext.iterator.constructor.js");
4
- require("core-js/modules/esnext.iterator.filter.js");
5
- require("core-js/modules/esnext.iterator.for-each.js");
3
+ require("core-js/modules/es.weak-map.js");
6
4
  Object.defineProperty(exports, "__esModule", {
7
5
  value: true
8
6
  });
9
7
  exports.default = void 0;
10
8
  require("core-js/modules/web.dom-collections.iterator.js");
11
- var _react = _interopRequireDefault(require("react"));
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
+ require("core-js/modules/es.parse-int.js");
10
+ require("core-js/modules/es.regexp.to-string.js");
11
+ require("core-js/modules/es.symbol.description.js");
12
+ var _styles = require("@mui/material/styles");
13
+ var _DesktopDatePicker = require("@mui/x-date-pickers/DesktopDatePicker");
14
+ var _material = require("@mui/material");
15
+ var _Event = _interopRequireDefault(require("@mui/icons-material/Event"));
13
16
  var _formik = require("formik");
14
17
  var _moment = _interopRequireDefault(require("moment"));
15
- var _DateTimePickerField = _interopRequireDefault(require("../others/DateTimePickerField"));
18
+ var _propTypes = _interopRequireDefault(require("prop-types"));
19
+ var React = _interopRequireWildcard(require("react"));
20
+ var _apperance = require("../../config/apperance");
21
+ var _StyledMuiTextField = _interopRequireDefault(require("../common/StyledMuiTextField"));
16
22
  var _jsxRuntime = require("react/jsx-runtime");
17
- const _excluded = ["id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"];
18
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
23
+ const _excluded = ["id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"],
24
+ _excluded2 = ["id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"],
25
+ _excluded3 = ["formik", "id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"];
26
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
28
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
30
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
31
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
32
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
22
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
33
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
34
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
23
35
  function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
24
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
25
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
26
- const PuiDateTimeField = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
36
+ const StyledDateMuiTextField = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledMuiTextField.default, _objectSpread({
37
+ ref: ref
38
+ }, props))))(() => {
39
+ return {
40
+ "&.MuiFormControl-root": {
41
+ display: "block",
42
+ "& .MuiInputAdornment-root .MuiButtonBase-root": {
43
+ padding: "6px",
44
+ marginRight: "-8px",
45
+ "& .MuiSvgIcon-root": {
46
+ width: "16px",
47
+ height: "16px"
48
+ }
49
+ }
50
+ }
51
+ };
52
+ });
53
+ const StyledPopover = (0, _styles.styled)(_material.Popover)(() => {
54
+ return {
55
+ "& .MuiPopover-paper": {
56
+ padding: "16px",
57
+ minWidth: "320px",
58
+ borderRadius: "8px",
59
+ boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.15)"
60
+ }
61
+ };
62
+ });
63
+ const StyledSelect = (0, _styles.styled)(_material.Select)(() => {
64
+ return {
65
+ "& .MuiOutlinedInput-root": {
66
+ height: "32px",
67
+ fontSize: "0.7rem"
68
+ },
69
+ "& .MuiSelect-select": {
70
+ padding: "4px 8px"
71
+ }
72
+ };
73
+ });
74
+ const DateTimePopup = _ref => {
75
+ let {
76
+ open,
77
+ anchorEl,
78
+ onClose,
79
+ value,
80
+ onChange,
81
+ disabled,
82
+ error
83
+ } = _ref;
84
+ const [tempDate, setTempDate] = React.useState(null);
85
+ const [tempHours, setTempHours] = React.useState(0);
86
+ const [tempMinutes, setTempMinutes] = React.useState(0);
87
+
88
+ // Initialize temp values when popup opens
89
+ React.useEffect(() => {
90
+ if (open && value) {
91
+ const momentValue = _moment.default.utc(value);
92
+ setTempDate(momentValue);
93
+ setTempHours(momentValue.hour());
94
+ setTempMinutes(momentValue.minute());
95
+ } else if (open && !value) {
96
+ const now = _moment.default.utc();
97
+ setTempDate(now);
98
+ setTempHours(now.hour());
99
+ setTempMinutes(now.minute());
100
+ }
101
+ }, [open, value]);
102
+ const handleOk = () => {
103
+ if (tempDate) {
104
+ const newDateTime = tempDate.clone().hour(tempHours).minute(tempMinutes).second(0).millisecond(0);
105
+ onChange(newDateTime.toISOString());
106
+ }
107
+ onClose();
108
+ };
109
+ const handleCancel = () => {
110
+ onClose();
111
+ };
112
+ const handleDateChange = newDate => {
113
+ setTempDate(newDate);
114
+ };
115
+ const handleHoursChange = event => {
116
+ setTempHours(parseInt(event.target.value));
117
+ };
118
+ const handleMinutesChange = event => {
119
+ setTempMinutes(parseInt(event.target.value));
120
+ };
121
+
122
+ // Generate hour options (0-23)
123
+ const hourOptions = Array.from({
124
+ length: 24
125
+ }, (_, i) => i);
126
+
127
+ // Generate minute options (0-59)
128
+ const minuteOptions = Array.from({
129
+ length: 60
130
+ }, (_, i) => i);
131
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopover, {
132
+ open: open,
133
+ anchorEl: anchorEl,
134
+ onClose: handleCancel,
135
+ anchorOrigin: {
136
+ vertical: "bottom",
137
+ horizontal: "left"
138
+ },
139
+ transformOrigin: {
140
+ vertical: "top",
141
+ horizontal: "left"
142
+ },
143
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
144
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
145
+ variant: "h6",
146
+ sx: {
147
+ mb: 2,
148
+ fontSize: "0.9rem",
149
+ fontWeight: 600
150
+ },
151
+ children: "S\xE9lectionner la date et l'heure"
152
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
153
+ container: true,
154
+ spacing: 2,
155
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
156
+ item: true,
157
+ xs: 12,
158
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDatePicker.DesktopDatePicker, {
159
+ label: "Date",
160
+ value: tempDate,
161
+ onChange: handleDateChange,
162
+ disabled: disabled,
163
+ inputFormat: "DD/MM/YYYY",
164
+ renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
165
+ size: "small",
166
+ fullWidth: true,
167
+ error: error,
168
+ sx: {
169
+ "& .MuiOutlinedInput-root": {
170
+ height: "32px",
171
+ fontSize: "0.7rem"
172
+ }
173
+ }
174
+ })),
175
+ PopperProps: {
176
+ sx: {
177
+ "& .MuiButtonBase-root.Mui-selected, & .MuiButtonBase-root.Mui-selected:focus, & .MuiButtonBase-root.Mui-selected:hover": {
178
+ backgroundColor: _apperance.palette.primary
179
+ }
180
+ }
181
+ }
182
+ })
183
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
184
+ item: true,
185
+ xs: 6,
186
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
187
+ fullWidth: true,
188
+ size: "small",
189
+ error: error,
190
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
191
+ sx: {
192
+ fontSize: "0.7rem"
193
+ },
194
+ children: "Heures"
195
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSelect, {
196
+ value: tempHours,
197
+ onChange: handleHoursChange,
198
+ disabled: disabled,
199
+ label: "Heures",
200
+ children: hourOptions.map(hour => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
201
+ value: hour,
202
+ sx: {
203
+ fontSize: "0.7rem"
204
+ },
205
+ children: hour.toString().padStart(2, "0")
206
+ }, hour))
207
+ })]
208
+ })
209
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
210
+ item: true,
211
+ xs: 6,
212
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
213
+ fullWidth: true,
214
+ size: "small",
215
+ error: error,
216
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
217
+ sx: {
218
+ fontSize: "0.7rem"
219
+ },
220
+ children: "Minutes"
221
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSelect, {
222
+ value: tempMinutes,
223
+ onChange: handleMinutesChange,
224
+ disabled: disabled,
225
+ label: "Minutes",
226
+ children: minuteOptions.map(minute => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
227
+ value: minute,
228
+ sx: {
229
+ fontSize: "0.7rem"
230
+ },
231
+ children: minute.toString().padStart(2, "0")
232
+ }, minute))
233
+ })]
234
+ })
235
+ })]
236
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
237
+ sx: {
238
+ display: "flex",
239
+ justifyContent: "flex-end",
240
+ gap: 1,
241
+ mt: 2
242
+ },
243
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
244
+ size: "small",
245
+ onClick: handleCancel,
246
+ sx: {
247
+ fontSize: "0.7rem",
248
+ minWidth: "60px"
249
+ },
250
+ children: "Annuler"
251
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
252
+ size: "small",
253
+ variant: "contained",
254
+ onClick: handleOk,
255
+ disabled: !tempDate,
256
+ sx: {
257
+ fontSize: "0.7rem",
258
+ minWidth: "60px",
259
+ backgroundColor: _apperance.palette.primary,
260
+ "&:hover": {
261
+ backgroundColor: _apperance.palette.primary,
262
+ opacity: 0.9
263
+ }
264
+ },
265
+ children: "OK"
266
+ })]
267
+ })]
268
+ })
269
+ });
270
+ };
271
+ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
272
+ let {
273
+ id,
274
+ className,
275
+ sx,
276
+ label,
277
+ name,
278
+ required,
279
+ value,
280
+ minDate,
281
+ maxDate,
282
+ inputFormat,
283
+ format,
284
+ disablePast,
285
+ disableFuture,
286
+ error,
287
+ readOnly,
288
+ fullWidth,
289
+ disabled,
290
+ helperText,
291
+ onChange,
292
+ onBlur
293
+ } = _ref2,
294
+ rest = _objectWithoutProperties(_ref2, _excluded);
295
+ const [anchorEl, setAnchorEl] = React.useState(null);
296
+ const [displayValue, setDisplayValue] = React.useState("");
297
+
298
+ // Format display value as day-month-year hour:minute
299
+ React.useEffect(() => {
300
+ if (value) {
301
+ const momentValue = _moment.default.utc(value);
302
+ if (momentValue.isValid()) {
303
+ setDisplayValue(momentValue.format("DD/MM/YYYY HH:mm"));
304
+ } else {
305
+ setDisplayValue("");
306
+ }
307
+ } else {
308
+ setDisplayValue("");
309
+ }
310
+ }, [value]);
311
+ const handleClick = event => {
312
+ if (!disabled && !readOnly) {
313
+ setAnchorEl(event.currentTarget);
314
+ }
315
+ };
316
+ const handleClose = () => {
317
+ setAnchorEl(null);
318
+ };
319
+ const handleChange = newValue => {
320
+ onChange(newValue);
321
+ };
322
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
323
+ sx: sx,
324
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDateMuiTextField, {
325
+ ref: ref,
326
+ id: id,
327
+ className: className,
328
+ name: name,
329
+ label: label,
330
+ value: displayValue,
331
+ required: required,
332
+ fullWidth: fullWidth,
333
+ disabled: disabled,
334
+ readOnly: readOnly,
335
+ error: error,
336
+ helperText: helperText,
337
+ onClick: handleClick,
338
+ onBlur: onBlur,
339
+ InputProps: {
340
+ endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
341
+ position: "end",
342
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Event.default, {
343
+ sx: {
344
+ fontSize: "medium",
345
+ marginRight: "-2px",
346
+ color: disabled ? _apperance.palette.gray.dark : "#757575",
347
+ cursor: disabled ? "default" : "pointer"
348
+ }
349
+ })
350
+ })
351
+ },
352
+ inputProps: _objectSpread({
353
+ name,
354
+ readOnly: true
355
+ }, rest)
356
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePopup, {
357
+ open: Boolean(anchorEl),
358
+ anchorEl: anchorEl,
359
+ onClose: handleClose,
360
+ value: value,
361
+ onChange: handleChange,
362
+ disabled: disabled,
363
+ error: error
364
+ })]
365
+ });
366
+ });
367
+ const PuiFormikDateTimeField = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
27
368
  let {
28
369
  id,
29
370
  className,
@@ -45,64 +386,114 @@ const PuiDateTimeField = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
45
386
  helperText,
46
387
  onChange,
47
388
  onBlur
48
- } = _ref,
49
- rest = _objectWithoutProperties(_ref, _excluded);
389
+ } = _ref3,
390
+ rest = _objectWithoutProperties(_ref3, _excluded2);
50
391
  const [field, meta] = (0, _formik.useField)(name);
51
392
  const formikContext = (0, _formik.useFormikContext)();
52
- const [hasError, setHasError] = _react.default.useState(false);
53
- const minDateObj = minDate ? (0, _moment.default)(minDate, format).toDate() : undefined;
54
- const maxDateObj = maxDate ? (0, _moment.default)(maxDate, format).toDate() : undefined;
393
+ const [hasError, setHasError] = React.useState(false);
55
394
  const handleChange = value => {
56
395
  formikContext.setFieldValue(name, value);
57
- onChange(value);
396
+ if (onChange) {
397
+ onChange(value);
398
+ }
58
399
  };
59
400
  const handleBlur = event => {
60
401
  onBlur(event);
61
402
  field.onBlur(event);
62
403
  };
63
- _react.default.useEffect(() => {
64
- setHasError(meta.touched && meta.error);
404
+ React.useEffect(() => {
405
+ setHasError(Boolean(meta) && Boolean(meta.touched) && Boolean(meta.error));
65
406
  }, [meta]);
66
- _react.default.useEffect(() => {
67
- if (value) {
407
+ React.useEffect(() => {
408
+ if (Boolean(value)) {
68
409
  formikContext.setFieldValue(name, value);
69
410
  }
70
- }, [value, formikContext, name]);
71
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerField.default, _objectSpread({
72
- ref: ref,
411
+ // eslint-disable-next-line react-hooks/exhaustive-deps
412
+ }, [value]);
413
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(PuiStandardDateTimeField, _objectSpread({
73
414
  id: id,
415
+ ref: ref,
74
416
  className: className,
75
417
  sx: sx,
76
418
  label: label,
77
419
  name: name,
78
420
  required: required,
79
- value: value,
421
+ value: field.value,
80
422
  format: format,
81
- minDate: minDateObj,
82
- maxDate: maxDateObj,
423
+ minDate: minDate,
83
424
  inputFormat: inputFormat,
84
425
  disableFuture: disableFuture,
85
426
  disablePast: disablePast,
86
- error: hasError || error,
427
+ error: error || hasError,
87
428
  readOnly: readOnly,
88
429
  fullWidth: fullWidth,
89
430
  disabled: disabled,
90
- helperText: helperText || meta.error,
431
+ helperText: hasError && Boolean(meta.error) ? meta.error : helperText !== null && helperText !== void 0 ? helperText : "",
91
432
  onChange: handleChange,
92
433
  onBlur: handleBlur
93
434
  }, rest));
94
435
  });
436
+ const PuiDateTimeField = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
437
+ let {
438
+ formik,
439
+ id,
440
+ className,
441
+ sx,
442
+ label,
443
+ name,
444
+ required,
445
+ value,
446
+ minDate,
447
+ maxDate,
448
+ inputFormat,
449
+ format,
450
+ disablePast,
451
+ disableFuture,
452
+ error,
453
+ readOnly,
454
+ fullWidth,
455
+ disabled,
456
+ helperText,
457
+ onChange,
458
+ onBlur
459
+ } = _ref4,
460
+ rest = _objectWithoutProperties(_ref4, _excluded3);
461
+ return /*#__PURE__*/React.createElement(formik ? PuiFormikDateTimeField : PuiStandardDateTimeField, _objectSpread({
462
+ ref,
463
+ id,
464
+ className,
465
+ sx,
466
+ label,
467
+ name,
468
+ required,
469
+ value,
470
+ minDate,
471
+ maxDate,
472
+ inputFormat,
473
+ format,
474
+ disablePast,
475
+ disableFuture,
476
+ error,
477
+ readOnly,
478
+ fullWidth,
479
+ disabled,
480
+ helperText,
481
+ onChange,
482
+ onBlur
483
+ }, rest));
484
+ });
95
485
  PuiDateTimeField.propTypes = {
96
486
  id: _propTypes.default.string,
97
487
  className: _propTypes.default.string,
98
488
  sx: _propTypes.default.object,
99
489
  label: _propTypes.default.string,
100
- name: _propTypes.default.string.isRequired,
490
+ name: _propTypes.default.string,
101
491
  helperText: _propTypes.default.string,
102
492
  inputFormat: _propTypes.default.string,
103
493
  format: _propTypes.default.string,
104
494
  minDate: _propTypes.default.string,
105
495
  maxDate: _propTypes.default.string,
496
+ formik: _propTypes.default.bool,
106
497
  disabled: _propTypes.default.bool,
107
498
  required: _propTypes.default.bool,
108
499
  error: _propTypes.default.bool,
@@ -111,16 +502,18 @@ PuiDateTimeField.propTypes = {
111
502
  readOnly: _propTypes.default.bool,
112
503
  fullWidth: _propTypes.default.bool,
113
504
  onChange: _propTypes.default.func,
114
- onBlur: _propTypes.default.func,
115
- value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date)])
505
+ onBlur: _propTypes.default.func
116
506
  };
117
507
  PuiDateTimeField.defaultProps = {
118
- inputFormat: "YYYY-MM-DDTHH:mm:ss.SSSZ",
119
- format: "YYYY-MM-DDTHH:mm:ss.SSSZ",
508
+ inputFormat: "DD/MM/YYYY HH:mm",
509
+ formik: true,
510
+ disabled: false,
511
+ required: false,
512
+ error: false,
513
+ fullWidth: true,
514
+ readOnly: false,
120
515
  disablePast: false,
121
516
  disableFuture: false,
122
- readOnly: false,
123
- fullWidth: true,
124
517
  onChange: () => {},
125
518
  onBlur: () => {}
126
519
  };
@@ -1,15 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.weak-map.js");
4
- require("core-js/modules/esnext.iterator.constructor.js");
5
- require("core-js/modules/esnext.iterator.filter.js");
6
- require("core-js/modules/esnext.iterator.for-each.js");
7
4
  Object.defineProperty(exports, "__esModule", {
8
5
  value: true
9
6
  });
10
7
  exports.default = void 0;
11
- require("core-js/modules/es.promise.js");
12
8
  require("core-js/modules/web.dom-collections.iterator.js");
9
+ require("core-js/modules/es.promise.js");
10
+ require("core-js/modules/es.symbol.description.js");
13
11
  var _material = require("@mui/material");
14
12
  var _styles = require("@mui/material/styles");
15
13
  var _formik = require("formik");
@@ -21,16 +19,17 @@ var _jsxRuntime = require("react/jsx-runtime");
21
19
  const _excluded = ["id", "className", "sx", "name", "label", "fileDescription", "buttonText", "error", "disabled", "helperText", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"],
22
20
  _excluded2 = ["id", "className", "sx", "name", "label", "buttonText", "error", "helperText", "disabled", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"],
23
21
  _excluded3 = ["formik", "id", "className", "sx", "name", "label", "buttonText", "error", "disabled", "helperText", "focused", "fullWidth", "InputProps", "required", "accept", "multiple", "formatValue", "onChange"];
24
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
25
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
26
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
27
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
22
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
28
27
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
29
28
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
30
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
31
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
29
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
30
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
32
31
  function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
33
- const StyledFileMuiTextField = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledMuiTextField.default, _objectSpread({
32
+ const StyledFileMuiTextField = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledMuiTextField.default, _objectSpread({
34
33
  ref: ref
35
34
  }, props))))(() => {
36
35
  return {
@@ -1,15 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.weak-map.js");
4
- require("core-js/modules/esnext.iterator.constructor.js");
5
- require("core-js/modules/esnext.iterator.filter.js");
6
- require("core-js/modules/esnext.iterator.for-each.js");
7
4
  Object.defineProperty(exports, "__esModule", {
8
5
  value: true
9
6
  });
10
7
  exports.default = exports.PuiRadioGroupContext = void 0;
11
8
  require("core-js/modules/es.json.stringify.js");
12
9
  require("core-js/modules/web.dom-collections.iterator.js");
10
+ require("core-js/modules/es.symbol.description.js");
13
11
  var _material = require("@mui/material");
14
12
  var _styles = require("@mui/material/styles");
15
13
  var _formik = require("formik");
@@ -20,14 +18,15 @@ var _PuiIcon = _interopRequireDefault(require("../others/PuiIcon"));
20
18
  var _PuiIndication = _interopRequireDefault(require("../typography/PuiIndication"));
21
19
  var _jsxRuntime = require("react/jsx-runtime");
22
20
  const _excluded = ["formik"];
23
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
24
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
25
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
26
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
21
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
23
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
25
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
26
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28
27
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
29
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
30
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
28
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
31
30
  function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
32
31
  const StyledMuiFormLabel = (0, _styles.styled)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, _objectSpread({}, props)))(() => {
33
32
  return {