@amimpact/willy-utils 4.11.0 → 4.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@amimpact/willy-utils",
-    "version": "4.11.0",
+    "version": "4.13.0",
     "description": "Javascript utils",
     "scripts": {
         "publish:prerelease": "npm version prerelease --preid beta && npm publish --tag beta",

package/src/date.ts

@@ -7,14 +7,14 @@ import {
     subDays,
 } from 'date-fns';
 import { nl } from 'date-fns/locale';
-import { fromZonedTime } from 'date-fns-tz';
+import { TZDate } from '@date-fns/tz';
 import { parse as parseISO } from './includes/tinyduration';
 
 /**
  * Momenteel beschikbare locales
  * Engels is default (leeg)
  */
-const availableLocales = {
+const availableLocales: { [key: string]: any } = {
     en: '',
     nl: nl,
 };
@@ -160,7 +160,10 @@ export interface parseISODurationOptions {
  * @param {CraftDate} dateObject
  * @param {FormatCraftDateOptions} options
  */
-export const formatCraftDate = (dateObject: CraftDate, options: FormatCraftDateOptions) => {
+export const formatCraftDate = (
+    dateObject: CraftDate,
+    options: Partial<FormatCraftDateOptions>,
+) => {
     let dateFormat = options && options.systemFormat ? 'yyyy-MM-dd' : 'dd-MM-yyyy';
     let localeString = 'nl';
 
@@ -195,14 +198,13 @@ export const formatCraftDate = (dateObject: CraftDate, options: FormatCraftDateO
             : dateObject.date.replace(/-/g, '/').split('.')[0];
 
     const dateRaw = new Date(dateToFormat);
-    const dateFormatted = format(
-        new Date(dateToFormat),
-        dateFormat,
-        getLocaleOptions(localeString),
-    );
 
-    // Check of dateRaw een valide datum is, zo ja, dan geven we de geformatteerde datum terug, anders de originele dateToFormat
-    return isNaN(dateRaw.getTime()) ? dateToFormat : dateFormatted;
+    if (isNaN(dateRaw.getTime())) {
+        console.warn('Ongeldige datum:', dateToFormat);
+        return dateToFormat;
+    }
+
+    return format(new Date(dateToFormat), dateFormat, getLocaleOptions(localeString));
 };
 
 /**
@@ -236,7 +238,7 @@ export const formatDateFromNow = (dateObject: CraftDate, options: FormatDateFrom
 
     const parsed = isString
         ? new Date(dateObject).toString()
-        : fromZonedTime(dateObject.date, dateObject.timezone);
+        : new TZDate(dateObject.date, dateObject.timezone);
 
     /**
      * Datum tonen voor ouder dan x tijd
@@ -286,7 +288,7 @@ export const formatNewDate = (dateObject: CraftDate) => {
 
     const parsed = isString
         ? new Date(dateObject).toString()
-        : fromZonedTime(dateObject.date, dateObject.timezone);
+        : new TZDate(dateObject.date, dateObject.timezone);
 
     return new Date(parsed);
 };

package/src/misc.ts

@@ -271,6 +271,24 @@ export const observeResize = (element: HTMLElement, callback: Function) => {
     }
 };
 
+/**
+ * Kapt een string af tot de gespecificeerde lengte en voegt een ellipsis toe.
+ *
+ * @param {string} text - De inkomende string
+ * @param {number} [maxLength=30] - De maximale lengte voordat ... wordt toegevoegd.
+ * @returns {string} - De trunctated string.
+ */
+export const truncateString = (text: string, maxLength: number = 30) => {
+    if (!text || text.length <= maxLength) {
+        return text;
+    }
+
+    // We nemen de string tot (maxLength - 3) om ruimte te maken voor de "..."
+    const truncatedText = text.substring(0, maxLength - 3);
+
+    return `${truncatedText}...`;
+};
+
 /**
  * Wrap een element in een nieuw element
  *