@axinom/mosaic-ui 0.62.0-rc.3 → 0.62.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.62.0-rc.3",
+  "version": "0.62.0-rc.5",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -112,5 +112,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b24a73e39e3a13eee1769a78695eada14784e11"
+  "gitHead": "6956b5e2c231c114d12b2d0a4dde25adb4e9bc8b"
 }

package/src/components/FormElements/DateTimeField/DateTimeText.tsx

@@ -60,6 +60,13 @@ export const DateTimeText: React.FC<DateTimeTextProps> = ({
 
   const onBlurHandler = useCallback(
     (e: React.FocusEvent<HTMLInputElement>) => {
+      // `display` represents the formatted version of the `value` prop and is updated whenever `value` changes.
+      // Comparing `e.target.value` with `display` ensures that onChange is only triggered when the input value has changed.
+      if (e.target.value === display) {
+        // If the value hasn't changed, do not trigger onChange
+        return;
+      }
+
       const textValue = e.target.value;
       const parsedValue = modifyTime
         ? DateTime.fromFormat(textValue, 'f')
@@ -80,7 +87,7 @@ export const DateTimeText: React.FC<DateTimeTextProps> = ({
         }
       }
     },
-    [modifyTime, onChange],
+    [display, modifyTime, onChange],
   );
 
   return (

package/src/components/LandingPageTiles/LandingPageTiles.tsx

@@ -35,8 +35,9 @@ export interface LandingPageTilesProps {
 // TODO: Determine if we really need to keep have two seperate tile components(large/small)
 // or can they be combined into the same component since they share a lot of the same props/logic
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
-function assertUnreachable(i: never): void {}
+function assertUnreachable(_i: never): void {
+  // This function is used to ensure that all cases in a switch statement are handled.
+}
 
 const useTiles = (
   items: LandingPageItem[],

package/src/components/List/ListRow/Renderers/DateRenderer/DateRenderer.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { Data } from '../../../../../types/data';
 import { formatDateTime } from '../../../../Utils/Transformers/DateTime';
 
@@ -7,7 +6,10 @@ import { formatDateTime } from '../../../../Utils/Transformers/DateTime';
  * @param val date
  * @param data row data
  */
-export const DateRenderer = <T extends Data>(val: unknown, data: T): string => {
+export const DateRenderer = <T extends Data>(
+  val: unknown,
+  _data: T,
+): string => {
   if (val) {
     return String(formatDateTime(val as string));
   }

package/src/components/List/ListRow/Renderers/TimestampRenderer/TimestampRenderer.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { Data } from '../../../../../types/data';
 import { formatSecondsToTimestamp } from '../../../../Utils/Transformers/Timestamp';
 

package/src/helpers/utils.ts

@@ -9,7 +9,6 @@ export function noop(): void {}
 /**
  * Function that can be used for exhaustiveness checks on switch statements.
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const assertNever = (_type: never): void => {
   // eslint-disable-next-line no-console
   console.error(`Switch was not exhaustive`);