@mtes-mct/monitor-ui 24.2.0 → 24.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/CHANGELOG.md +12 -0
- package/fields/DateRangePicker/index.d.ts +1 -1
- package/fields/DateRangePicker/index.d.ts.map +1 -1
- package/index.js +12 -12
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## [24.2.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.1.1...v24.2.0) (2024-10-18)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **fields:** add hasFullDayDefaultValue to date range picker ([5adc234](https://github.com/MTES-MCT/monitor-ui/commit/5adc2340b42aabe02b496ee2044957d47b4027c3))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Code Refactoring
|
|
10
|
+
|
|
11
|
+
* **fields:** add early return ([af9360b](https://github.com/MTES-MCT/monitor-ui/commit/af9360b4bb35584f2705524f2d425b5bcb4fd4e8))
|
|
12
|
+
|
|
1
13
|
## [24.1.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.1.0...v24.1.1) (2024-10-16)
|
|
2
14
|
|
|
3
15
|
|
|
@@ -33,7 +33,6 @@ export interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLFieldSetEl
|
|
|
33
33
|
defaultValue?: DateRange | DateAsStringRange | undefined;
|
|
34
34
|
disabled?: boolean | undefined;
|
|
35
35
|
error?: string | undefined;
|
|
36
|
-
hasFullDayDefaultValue?: boolean;
|
|
37
36
|
hasSingleCalendar?: boolean;
|
|
38
37
|
isCompact?: boolean | undefined;
|
|
39
38
|
isErrorMessageHidden?: boolean | undefined;
|
|
@@ -61,6 +60,7 @@ export interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLFieldSetEl
|
|
|
61
60
|
*/
|
|
62
61
|
onChange?: ((nextValue: DateRange | undefined) => Promisable<void>) | ((nextValue: DateAsStringRange | undefined) => Promisable<void>);
|
|
63
62
|
readOnly?: boolean;
|
|
63
|
+
withFullDayDefaults?: boolean;
|
|
64
64
|
withTime?: boolean;
|
|
65
65
|
}
|
|
66
66
|
export interface DateRangePickerWithDateDateProps extends DateRangePickerProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAkCH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C;;;;;;GAMG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,aAAa,CAAC;IAC9F,gHAAgH;IAChH,aAAa,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,SAAS,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAkCH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C;;;;;;GAMG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,aAAa,CAAC;IAC9F,gHAAgH;IAChH,aAAa,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,SAAS,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,yCAAyC;IACzC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,GACxD,CAAC,CAAC,SAAS,EAAE,iBAAiB,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,MAAM,WAAW,gCAAiC,SAAQ,oBAAoB;IAC5E,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;CAClE;AACD,MAAM,WAAW,kCAAmC,SAAQ,oBAAoB;IAC9E,YAAY,EAAE,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;CAC1E;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,gCAAgC,GAAG,GAAG,CAAC,OAAO,CAAA;AACrF,wBAAgB,eAAe,CAAC,KAAK,EAAE,kCAAkC,GAAG,GAAG,CAAC,OAAO,CAAA"}
|
package/index.js
CHANGED
|
@@ -67323,8 +67323,8 @@ var DateRangePosition = /*#__PURE__*/ function(DateRangePosition) {
|
|
|
67323
67323
|
return DateRangePosition;
|
|
67324
67324
|
}({});
|
|
67325
67325
|
|
|
67326
|
-
function DateRangePicker({ baseContainer, className, defaultValue, disabled = false, error,
|
|
67327
|
-
readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
67326
|
+
function DateRangePicker({ baseContainer, className, defaultValue, disabled = false, error, hasSingleCalendar = false, isCompact = false, isErrorMessageHidden = false, isHistorical = false, isLabelHidden = false, isLight = false, isRequired = false, isStringDate = false, isTransparent = false, isUndefinedWhenDisabled = false, label, minutesRange = 15, name, onChange, // eslint-disable-next-line @typescript-eslint/naming-convention
|
|
67327
|
+
readOnly = false, style, withFullDayDefaults = false, withTime = false, ...nativeProps }) {
|
|
67328
67328
|
/* eslint-disable no-null/no-null */ const startDateInputRef = useRef(null);
|
|
67329
67329
|
const startTimeInputRef = useRef(null);
|
|
67330
67330
|
const endDateInputRef = useRef(null);
|
|
@@ -67422,13 +67422,13 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67422
67422
|
forceUpdate
|
|
67423
67423
|
]);
|
|
67424
67424
|
const handleEndDateInputNext = useCallback(()=>{
|
|
67425
|
-
if (!withTime || !endTimeInputRef.current ||
|
|
67425
|
+
if (!withTime || !endTimeInputRef.current || withFullDayDefaults) {
|
|
67426
67426
|
return;
|
|
67427
67427
|
}
|
|
67428
67428
|
endTimeInputRef.current.focus();
|
|
67429
67429
|
}, [
|
|
67430
67430
|
withTime,
|
|
67431
|
-
|
|
67431
|
+
withFullDayDefaults
|
|
67432
67432
|
]);
|
|
67433
67433
|
const handleEndDateInputPrevious = useCallback(()=>{
|
|
67434
67434
|
if (!startDateInputRef.current) {
|
|
@@ -67446,19 +67446,19 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67446
67446
|
if (!endDateInputRef.current) {
|
|
67447
67447
|
return;
|
|
67448
67448
|
}
|
|
67449
|
-
if (withTime && !
|
|
67449
|
+
if (withTime && !withFullDayDefaults && startTimeInputRef.current) {
|
|
67450
67450
|
startTimeInputRef.current.focus();
|
|
67451
67451
|
return;
|
|
67452
67452
|
}
|
|
67453
67453
|
endDateInputRef.current.focus();
|
|
67454
67454
|
}, [
|
|
67455
67455
|
withTime,
|
|
67456
|
-
|
|
67456
|
+
withFullDayDefaults
|
|
67457
67457
|
]);
|
|
67458
67458
|
const handleDateInputChange = useCallback((position, nextDateTuple, isFilled)=>{
|
|
67459
67459
|
if (position === DateRangePosition.START) {
|
|
67460
67460
|
selectedStartDateTupleRef.current = nextDateTuple;
|
|
67461
|
-
if (!withTime || withTime &&
|
|
67461
|
+
if (!withTime || withTime && withFullDayDefaults || withTime && selectedStartTimeTupleRef.current) {
|
|
67462
67462
|
// we update the selected start datetime
|
|
67463
67463
|
const startUtcTimeTuple = selectedStartTimeTupleRef.current ? selectedStartTimeTupleRef.current : [
|
|
67464
67464
|
'00',
|
|
@@ -67475,7 +67475,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67475
67475
|
}
|
|
67476
67476
|
} else {
|
|
67477
67477
|
selectedEndDateTupleRef.current = nextDateTuple;
|
|
67478
|
-
if (!withTime || withTime &&
|
|
67478
|
+
if (!withTime || withTime && withFullDayDefaults || withTime && selectedEndTimeTupleRef.current) {
|
|
67479
67479
|
// we update the selected end datetime
|
|
67480
67480
|
const endTimeTuple = selectedEndTimeTupleRef.current ? selectedEndTimeTupleRef.current : [
|
|
67481
67481
|
'23',
|
|
@@ -67487,7 +67487,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67487
67487
|
callOnChange();
|
|
67488
67488
|
}
|
|
67489
67489
|
if (isFilled) {
|
|
67490
|
-
if (withTime &&
|
|
67490
|
+
if (withTime && withFullDayDefaults) {
|
|
67491
67491
|
closeRangeCalendarPicker();
|
|
67492
67492
|
forceUpdate();
|
|
67493
67493
|
return;
|
|
@@ -67498,7 +67498,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67498
67498
|
}, [
|
|
67499
67499
|
closeRangeCalendarPicker,
|
|
67500
67500
|
forceUpdate,
|
|
67501
|
-
|
|
67501
|
+
withFullDayDefaults,
|
|
67502
67502
|
withTime,
|
|
67503
67503
|
callOnChange,
|
|
67504
67504
|
handleEndDateInputNext,
|
|
@@ -67507,7 +67507,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67507
67507
|
const handleRangeCalendarPickerChange = useCallback((nextUtcDateTupleRange)=>{
|
|
67508
67508
|
const [nextStartUtcDateTuple, nextEndUtcDateTuple] = nextUtcDateTupleRange;
|
|
67509
67509
|
// If there is NO time input,
|
|
67510
|
-
if (!withTime || withTime &&
|
|
67510
|
+
if (!withTime || withTime && withFullDayDefaults && !selectedStartTimeTupleRef.current && !selectedEndTimeTupleRef.current) {
|
|
67511
67511
|
// we have to fix the start datetime at the beginning of the day
|
|
67512
67512
|
selectedStartDateTimeAsDayjsRef.current = getDayjsFromUtcDateAndTimeTuple(nextStartUtcDateTuple, [
|
|
67513
67513
|
'00',
|
|
@@ -67537,7 +67537,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
|
|
|
67537
67537
|
}, [
|
|
67538
67538
|
callOnChange,
|
|
67539
67539
|
closeRangeCalendarPicker,
|
|
67540
|
-
|
|
67540
|
+
withFullDayDefaults,
|
|
67541
67541
|
withTime
|
|
67542
67542
|
]);
|
|
67543
67543
|
const handleTimeInputChange = useCallback((position, nextTimeTuple)=>{
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mtes-mct/monitor-ui",
|
|
3
3
|
"description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
|
|
4
|
-
"version": "24.2.
|
|
4
|
+
"version": "24.2.1",
|
|
5
5
|
"license": "AGPL-3.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"engines": {
|