@portnet/ui 1.2.0 → 1.2.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.
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 +430 -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,369 @@
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 _CalendarToday = _interopRequireDefault(require("@mui/icons-material/CalendarToday"));
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)(_CalendarToday.default, {
343
+ sx: {
344
+ fontSize: "1rem",
345
+ color: disabled ? _apperance.palette.gray.dark : _apperance.palette.primary,
346
+ cursor: disabled ? "default" : "pointer"
347
+ }
348
+ })
349
+ })
350
+ },
351
+ inputProps: _objectSpread({
352
+ name,
353
+ readOnly: true
354
+ }, rest)
355
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePopup, {
356
+ open: Boolean(anchorEl),
357
+ anchorEl: anchorEl,
358
+ onClose: handleClose,
359
+ value: value,
360
+ onChange: handleChange,
361
+ disabled: disabled,
362
+ error: error
363
+ })]
364
+ });
365
+ });
366
+ const PuiFormikDateTimeField = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
27
367
  let {
28
368
  id,
29
369
  className,
@@ -45,64 +385,114 @@ const PuiDateTimeField = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
45
385
  helperText,
46
386
  onChange,
47
387
  onBlur
48
- } = _ref,
49
- rest = _objectWithoutProperties(_ref, _excluded);
388
+ } = _ref3,
389
+ rest = _objectWithoutProperties(_ref3, _excluded2);
50
390
  const [field, meta] = (0, _formik.useField)(name);
51
391
  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;
392
+ const [hasError, setHasError] = React.useState(false);
55
393
  const handleChange = value => {
56
394
  formikContext.setFieldValue(name, value);
57
- onChange(value);
395
+ if (onChange) {
396
+ onChange(value);
397
+ }
58
398
  };
59
399
  const handleBlur = event => {
60
400
  onBlur(event);
61
401
  field.onBlur(event);
62
402
  };
63
- _react.default.useEffect(() => {
64
- setHasError(meta.touched && meta.error);
403
+ React.useEffect(() => {
404
+ setHasError(Boolean(meta) && Boolean(meta.touched) && Boolean(meta.error));
65
405
  }, [meta]);
66
- _react.default.useEffect(() => {
67
- if (value) {
406
+ React.useEffect(() => {
407
+ if (Boolean(value)) {
68
408
  formikContext.setFieldValue(name, value);
69
409
  }
70
- }, [value, formikContext, name]);
71
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerField.default, _objectSpread({
72
- ref: ref,
410
+ // eslint-disable-next-line react-hooks/exhaustive-deps
411
+ }, [value]);
412
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(PuiStandardDateTimeField, _objectSpread({
73
413
  id: id,
414
+ ref: ref,
74
415
  className: className,
75
416
  sx: sx,
76
417
  label: label,
77
418
  name: name,
78
419
  required: required,
79
- value: value,
420
+ value: field.value,
80
421
  format: format,
81
- minDate: minDateObj,
82
- maxDate: maxDateObj,
422
+ minDate: minDate,
83
423
  inputFormat: inputFormat,
84
424
  disableFuture: disableFuture,
85
425
  disablePast: disablePast,
86
- error: hasError || error,
426
+ error: error || hasError,
87
427
  readOnly: readOnly,
88
428
  fullWidth: fullWidth,
89
429
  disabled: disabled,
90
- helperText: helperText || meta.error,
430
+ helperText: hasError && Boolean(meta.error) ? meta.error : helperText !== null && helperText !== void 0 ? helperText : "",
91
431
  onChange: handleChange,
92
432
  onBlur: handleBlur
93
433
  }, rest));
94
434
  });
435
+ const PuiDateTimeField = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
436
+ let {
437
+ formik,
438
+ id,
439
+ className,
440
+ sx,
441
+ label,
442
+ name,
443
+ required,
444
+ value,
445
+ minDate,
446
+ maxDate,
447
+ inputFormat,
448
+ format,
449
+ disablePast,
450
+ disableFuture,
451
+ error,
452
+ readOnly,
453
+ fullWidth,
454
+ disabled,
455
+ helperText,
456
+ onChange,
457
+ onBlur
458
+ } = _ref4,
459
+ rest = _objectWithoutProperties(_ref4, _excluded3);
460
+ return /*#__PURE__*/React.createElement(formik ? PuiFormikDateTimeField : PuiStandardDateTimeField, _objectSpread({
461
+ ref,
462
+ id,
463
+ className,
464
+ sx,
465
+ label,
466
+ name,
467
+ required,
468
+ value,
469
+ minDate,
470
+ maxDate,
471
+ inputFormat,
472
+ format,
473
+ disablePast,
474
+ disableFuture,
475
+ error,
476
+ readOnly,
477
+ fullWidth,
478
+ disabled,
479
+ helperText,
480
+ onChange,
481
+ onBlur
482
+ }, rest));
483
+ });
95
484
  PuiDateTimeField.propTypes = {
96
485
  id: _propTypes.default.string,
97
486
  className: _propTypes.default.string,
98
487
  sx: _propTypes.default.object,
99
488
  label: _propTypes.default.string,
100
- name: _propTypes.default.string.isRequired,
489
+ name: _propTypes.default.string,
101
490
  helperText: _propTypes.default.string,
102
491
  inputFormat: _propTypes.default.string,
103
492
  format: _propTypes.default.string,
104
493
  minDate: _propTypes.default.string,
105
494
  maxDate: _propTypes.default.string,
495
+ formik: _propTypes.default.bool,
106
496
  disabled: _propTypes.default.bool,
107
497
  required: _propTypes.default.bool,
108
498
  error: _propTypes.default.bool,
@@ -111,16 +501,18 @@ PuiDateTimeField.propTypes = {
111
501
  readOnly: _propTypes.default.bool,
112
502
  fullWidth: _propTypes.default.bool,
113
503
  onChange: _propTypes.default.func,
114
- onBlur: _propTypes.default.func,
115
- value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.instanceOf(Date)])
504
+ onBlur: _propTypes.default.func
116
505
  };
117
506
  PuiDateTimeField.defaultProps = {
118
- inputFormat: "YYYY-MM-DDTHH:mm:ss.SSSZ",
119
- format: "YYYY-MM-DDTHH:mm:ss.SSSZ",
507
+ inputFormat: "DD/MM/YYYY HH:mm",
508
+ formik: true,
509
+ disabled: false,
510
+ required: false,
511
+ error: false,
512
+ fullWidth: true,
513
+ readOnly: false,
120
514
  disablePast: false,
121
515
  disableFuture: false,
122
- readOnly: false,
123
- fullWidth: true,
124
516
  onChange: () => {},
125
517
  onBlur: () => {}
126
518
  };
@@ -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 {