@portnet/ui 1.1.9 → 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.
- package/dist/components/buttons/PuiButton.js +11 -13
- package/dist/components/buttons/PuiIconButton.js +7 -9
- package/dist/components/common/PuiAlertContext.js +1 -1
- package/dist/components/common/StyledMuiButton.js +7 -9
- package/dist/components/common/StyledMuiTextField.js +8 -10
- package/dist/components/inputs/PuiAutocomplete.js +8 -11
- package/dist/components/inputs/PuiCheckbox.js +11 -15
- package/dist/components/inputs/PuiCheckboxGroup.js +6 -8
- package/dist/components/inputs/PuiCheckboxItem.js +7 -9
- package/dist/components/inputs/PuiDateField.js +62 -138
- package/dist/components/inputs/PuiDateTimeField.js +430 -38
- package/dist/components/inputs/PuiFileField.js +9 -11
- package/dist/components/inputs/PuiRadioGroup.js +7 -9
- package/dist/components/inputs/PuiRadioItem.js +6 -8
- package/dist/components/inputs/PuiSelect.js +9 -12
- package/dist/components/inputs/PuiTextField.js +7 -9
- package/dist/components/others/PuiBadge.js +4 -6
- package/dist/components/others/PuiChip.js +14 -16
- package/dist/components/others/PuiDialog.js +7 -9
- package/dist/components/others/PuiFormikForm.js +1 -1
- package/dist/components/others/PuiGrid.js +3 -5
- package/dist/components/others/PuiIcon.js +7 -9
- package/dist/components/others/PuiLoadingBackdrop.js +1 -1
- package/dist/components/others/PuiMainContainer.js +6 -8
- package/dist/components/others/PuiNavigation.js +5 -7
- package/dist/components/others/PuiSection.js +6 -8
- package/dist/components/others/PuiTooltip.js +8 -10
- package/dist/components/providers/PuiAlertProvider.js +7 -10
- package/dist/components/providers/PuiLocalizationProvider.js +5 -7
- package/dist/components/referentiel/common/ReferetielContext.js +1 -1
- package/dist/components/referentiel/common/constants/specificReferentielsBaseFilters.js +1 -1
- package/dist/components/referentiel/common/constants/specificReferentielsValidationSchemas.js +1 -1
- package/dist/components/referentiel/components/PuiBasePopupReferentielField.js +5 -7
- package/dist/components/referentiel/components/PuiCustomPopupReferentielField.js +5 -7
- package/dist/components/referentiel/components/PuiSimplePopupReferentielField.js +5 -8
- package/dist/components/referentiel/components/PuiSimpleReferentielField.js +8 -11
- package/dist/components/referentiel/components/PuiSpecificReferentielField.js +7 -10
- package/dist/components/referentiel/providers/PuiReferentielProvider.js +5 -7
- package/dist/components/tab/PuiTab.js +1 -1
- package/dist/components/tab/PuiTabs.js +9 -13
- package/dist/components/table/PuiTable.js +8 -11
- package/dist/components/table/PuiTableAction.js +4 -6
- package/dist/components/typography/PuiDefinition.js +1 -1
- package/dist/components/typography/PuiIndication.js +5 -7
- package/dist/components/typography/PuiMainTitle.js +5 -8
- package/dist/components/ui/dialogs/PuiSearchDialog.js +7 -9
- package/dist/components/ui/pages/errors/PuiErrorBasePage.js +1 -1
- package/dist/components/ui/pages/errors/PuiForbiddenErrorPage.js +1 -1
- package/dist/components/ui/pages/errors/PuiNetworkErrorPage.js +1 -1
- package/dist/components/ui/pages/errors/PuiNotFoundErrorPage.js +1 -1
- package/dist/components/ui/pages/errors/PuiServerErrorPage.js +1 -1
- package/dist/components/ui/pages/general/PuiDefaultPage.js +1 -1
- package/dist/components/ui/pages/general/PuiSearchPage.js +5 -8
- package/dist/config/mapping.js +1 -1
- package/dist/hooks/useAlert.js +2 -2
- package/dist/hooks/useAxios.js +1 -1
- package/dist/hooks/useQuery.js +2 -4
- package/dist/index.js +1 -1
- package/package.json +98 -101
- package/dist/components/others/DateTimePickerField.js +0 -213
|
@@ -1,29 +1,369 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/
|
|
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
|
-
|
|
12
|
-
|
|
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
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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
|
-
} =
|
|
49
|
-
rest = _objectWithoutProperties(
|
|
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] =
|
|
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
|
|
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
|
-
|
|
64
|
-
setHasError(meta.touched && meta.error);
|
|
403
|
+
React.useEffect(() => {
|
|
404
|
+
setHasError(Boolean(meta) && Boolean(meta.touched) && Boolean(meta.error));
|
|
65
405
|
}, [meta]);
|
|
66
|
-
|
|
67
|
-
if (value) {
|
|
406
|
+
React.useEffect(() => {
|
|
407
|
+
if (Boolean(value)) {
|
|
68
408
|
formikContext.setFieldValue(name, value);
|
|
69
409
|
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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:
|
|
82
|
-
maxDate: maxDateObj,
|
|
422
|
+
minDate: minDate,
|
|
83
423
|
inputFormat: inputFormat,
|
|
84
424
|
disableFuture: disableFuture,
|
|
85
425
|
disablePast: disablePast,
|
|
86
|
-
error:
|
|
426
|
+
error: error || hasError,
|
|
87
427
|
readOnly: readOnly,
|
|
88
428
|
fullWidth: fullWidth,
|
|
89
429
|
disabled: disabled,
|
|
90
|
-
helperText:
|
|
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
|
|
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
|
|
119
|
-
|
|
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");
|
|
@@ -22,16 +20,16 @@ const _excluded = ["id", "className", "sx", "name", "label", "fileDescription",
|
|
|
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
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); }
|
|
25
|
-
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 &&
|
|
26
|
-
function _interopRequireDefault(
|
|
27
|
-
function _objectWithoutProperties(
|
|
28
|
-
function _objectWithoutPropertiesLoose(
|
|
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; }
|
|
29
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; }
|
|
30
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; }
|
|
31
|
-
function _defineProperty(
|
|
32
|
-
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); }
|
|
33
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); }
|
|
34
|
-
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({
|
|
35
33
|
ref: ref
|
|
36
34
|
}, props))))(() => {
|
|
37
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");
|
|
@@ -21,14 +19,14 @@ var _PuiIndication = _interopRequireDefault(require("../typography/PuiIndication
|
|
|
21
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
20
|
const _excluded = ["formik"];
|
|
23
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); }
|
|
24
|
-
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 &&
|
|
25
|
-
function _interopRequireDefault(
|
|
26
|
-
function _objectWithoutProperties(
|
|
27
|
-
function _objectWithoutPropertiesLoose(
|
|
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; }
|
|
28
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; }
|
|
29
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; }
|
|
30
|
-
function _defineProperty(
|
|
31
|
-
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); }
|
|
32
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); }
|
|
33
31
|
const StyledMuiFormLabel = (0, _styles.styled)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, _objectSpread({}, props)))(() => {
|
|
34
32
|
return {
|