@mtes-mct/monitor-ui 24.1.1 → 24.2.1

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [24.2.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.1.1...v24.2.0) (2024-10-18)
+
+
+### Features
+
+* **fields:** add hasFullDayDefaultValue to date range picker ([5adc234](https://github.com/MTES-MCT/monitor-ui/commit/5adc2340b42aabe02b496ee2044957d47b4027c3))
+
+
+### Code Refactoring
+
+* **fields:** add early return ([af9360b](https://github.com/MTES-MCT/monitor-ui/commit/af9360b4bb35584f2705524f2d425b5bcb4fd4e8))
+
+## [24.1.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.1.0...v24.1.1) (2024-10-16)
+
+
+### Bug Fixes
+
+* **utils:** add missing customDayjs typings for relativeTime extension ([c8b3e89](https://github.com/MTES-MCT/monitor-ui/commit/c8b3e89da12879f42c4f1c63fa09fc3b72a3db60))
+
 ## [24.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.0.0...v24.1.0) (2024-10-16)
 
 

package/fields/DateRangePicker/index.d.ts

@@ -60,6 +60,7 @@ export interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLFieldSetEl
      */
     onChange?: ((nextValue: DateRange | undefined) => Promisable<void>) | ((nextValue: DateAsStringRange | undefined) => Promisable<void>);
     readOnly?: boolean;
+    withFullDayDefaults?: boolean;
     withTime?: boolean;
 }
 export interface DateRangePickerWithDateDateProps extends DateRangePickerProps {

package/fields/DateRangePicker/index.d.ts.map

@@ -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,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,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"}
+{"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

@@ -67324,7 +67324,7 @@ var DateRangePosition = /*#__PURE__*/ function(DateRangePosition) {
 }({});
 
 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
-readOnly = false, style, withTime = false, ...nativeProps }) {
+readOnly = false, style, withFullDayDefaults = false, withTime = false, ...nativeProps }) {
     /* eslint-disable no-null/no-null */ const startDateInputRef = useRef(null);
     const startTimeInputRef = useRef(null);
     const endDateInputRef = useRef(null);
@@ -67422,12 +67422,13 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
         forceUpdate
     ]);
     const handleEndDateInputNext = useCallback(()=>{
-        if (!withTime || !endTimeInputRef.current) {
+        if (!withTime || !endTimeInputRef.current || withFullDayDefaults) {
             return;
         }
         endTimeInputRef.current.focus();
     }, [
-        withTime
+        withTime,
+        withFullDayDefaults
     ]);
     const handleEndDateInputPrevious = useCallback(()=>{
         if (!startDateInputRef.current) {
@@ -67445,58 +67446,68 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
         if (!endDateInputRef.current) {
             return;
         }
-        if (withTime && startTimeInputRef.current) {
+        if (withTime && !withFullDayDefaults && startTimeInputRef.current) {
             startTimeInputRef.current.focus();
             return;
         }
         endDateInputRef.current.focus();
     }, [
-        withTime
+        withTime,
+        withFullDayDefaults
     ]);
     const handleDateInputChange = useCallback((position, nextDateTuple, isFilled)=>{
         if (position === DateRangePosition.START) {
             selectedStartDateTupleRef.current = nextDateTuple;
-            // If there is NO time input OR there is a time input WHILE a start time is selected,
-            if (!withTime || withTime && selectedStartTimeTupleRef.current) {
+            if (!withTime || withTime && withFullDayDefaults || withTime && selectedStartTimeTupleRef.current) {
                 // we update the selected start datetime
-                const startUtcTimeTuple = withTime && selectedStartTimeTupleRef.current ? selectedStartTimeTupleRef.current : [
+                const startUtcTimeTuple = selectedStartTimeTupleRef.current ? selectedStartTimeTupleRef.current : [
                     '00',
                     '00'
                 ];
                 const nextStartDateAsDayjs = getDayjsFromUtcDateAndTimeTuple(nextDateTuple, startUtcTimeTuple);
+                selectedStartTimeTupleRef.current = startUtcTimeTuple;
                 selectedStartDateTimeAsDayjsRef.current = nextStartDateAsDayjs;
                 callOnChange();
             }
             if (isFilled) {
                 handleStartDateInputNext();
+                forceUpdate();
             }
         } else {
             selectedEndDateTupleRef.current = nextDateTuple;
-            // If there is NO time input OR there is a time input WHILE a start time is selected,
-            if (!withTime || withTime && selectedEndTimeTupleRef.current) {
+            if (!withTime || withTime && withFullDayDefaults || withTime && selectedEndTimeTupleRef.current) {
                 // we update the selected end datetime
-                const endTimeTuple = withTime ? selectedEndTimeTupleRef.current : [
+                const endTimeTuple = selectedEndTimeTupleRef.current ? selectedEndTimeTupleRef.current : [
                     '23',
                     '59'
                 ];
                 const nextEndDateAsDayjs = getDayjsFromUtcDateAndTimeTuple(nextDateTuple, endTimeTuple, true);
+                selectedEndTimeTupleRef.current = endTimeTuple;
                 selectedEndDateTimeAsDayjsRef.current = nextEndDateAsDayjs;
                 callOnChange();
             }
             if (isFilled) {
+                if (withTime && withFullDayDefaults) {
+                    closeRangeCalendarPicker();
+                    forceUpdate();
+                    return;
+                }
                 handleEndDateInputNext();
             }
         }
     }, [
+        closeRangeCalendarPicker,
+        forceUpdate,
+        withFullDayDefaults,
+        withTime,
         callOnChange,
         handleEndDateInputNext,
-        handleStartDateInputNext,
-        withTime
+        handleStartDateInputNext
     ]);
     const handleRangeCalendarPickerChange = useCallback((nextUtcDateTupleRange)=>{
         const [nextStartUtcDateTuple, nextEndUtcDateTuple] = nextUtcDateTupleRange;
         // If there is NO time input,
-        if (!withTime) {
+        if (!withTime || withTime && withFullDayDefaults && !selectedStartTimeTupleRef.current && !selectedEndTimeTupleRef.current) {
             // we have to fix the start datetime at the beginning of the day
             selectedStartDateTimeAsDayjsRef.current = getDayjsFromUtcDateAndTimeTuple(nextStartUtcDateTuple, [
                 '00',
@@ -67526,6 +67537,7 @@ readOnly = false, style, withTime = false, ...nativeProps }) {
     }, [
         callOnChange,
         closeRangeCalendarPicker,
+        withFullDayDefaults,
         withTime
     ]);
     const handleTimeInputChange = useCallback((position, nextTimeTuple)=>{

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "24.1.1",
+  "version": "24.2.1",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {