@chayns-components/date 5.0.0-beta.885 → 5.0.0-beta.887

package/lib/cjs/hooks/useDateInfo.js

@@ -20,6 +20,7 @@ const useDateInfo = ({
   const [formattedDateString, setFormattedDateString] = (0, _react.useState)('');
   const [language] = (0, _react.useState)((0, _dateInfo.getLanguage)());
   const formattedDate = (0, _react.useMemo)(() => new Date(date), [date]);
+  const isDateNearToday = (0, _dateFns.isToday)(date) || (0, _dateFns.isYesterday)(date) || (0, _dateFns.isTomorrow)(date);
   (0, _react.useEffect)(() => {
     // This useEffect is used for normal date formation
     if (shouldShowDateToNowDifference) {
@@ -32,24 +33,28 @@ const useDateInfo = ({
       date: formattedDate,
       language
     });
-    let formatString = 'dd. ';
-    formatString += `${(0, _dateInfo.getMonthFormat)({
-      shouldUseShortText
-    })}`;
-    formatString += `${(0, _dateInfo.getYearFormat)({
-      date: formattedDate,
-      shouldShowYear
-    })}`;
-    newFormattedDateString += (0, _dateFns.format)(formattedDate, formatString, {
-      locale: language
-    });
+    if (!isDateNearToday || !shouldShowRelativeDayOfWeek || !shouldShowTime) {
+      let formatString = 'dd. ';
+      formatString += `${(0, _dateInfo.getMonthFormat)({
+        shouldUseShortText
+      })}`;
+      formatString += `${(0, _dateInfo.getYearFormat)({
+        date: formattedDate,
+        shouldShowYear
+      })}`;
+      newFormattedDateString += (0, _dateFns.format)(formattedDate, formatString, {
+        locale: language
+      });
+    } else {
+      newFormattedDateString = newFormattedDateString.replace(', ', '');
+    }
     newFormattedDateString += (0, _dateInfo.getFormattedTime)({
       date: formattedDate,
       shouldShowTime,
       language
     });
     setFormattedDateString(newFormattedDateString);
-  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowYear, shouldShowTime, shouldUseShortText]);
+  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowYear, shouldShowTime, shouldUseShortText, isDateNearToday]);
 
   // Calculate remaining time till next minute to update time according to time left
   const [currentDate, setCurrentDate] = (0, _react.useState)(new Date());

package/lib/cjs/hooks/useDateInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInfo.js","names":["_dateFns","require","_react","_dateInfo","useDateInfo","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","formattedDateString","setFormattedDateString","useState","language","getLanguage","formattedDate","useMemo","Date","useEffect","newFormattedDateString","getFormattedDayOfWeek","formatString","getMonthFormat","getYearFormat","format","locale","getFormattedTime","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","isPast","Math","max","timeout","setTimeout","clearTimeout","getTimeTillNow","trim","exports"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { format, isPast } from 'date-fns';\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getLanguage,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from '../utils/dateInfo';\n\nexport interface UseDateInfoOptions {\n    /**\n     * The date, that should be displayed\n     */\n    date: Date | string;\n    /**\n     * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n     */\n    preText?: string;\n    /**\n     * Adds the current year to the display\n     */\n    shouldShowYear?: boolean;\n    /**\n     * Adds the time to the display.\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     */\n    shouldShowRelativeDayOfWeek?: boolean;\n    /**\n     * Shortens the day and month text to maximum three digits\n     */\n    shouldUseShortText?: boolean;\n    /**\n     * Adds the day of week to the display\n     */\n    shouldShowDayOfWeek?: boolean;\n    /**\n     * Shows the difference from the date to now. The component handles updates itself.\n     */\n    shouldShowDateToNowDifference?: boolean;\n}\n\nexport const useDateInfo = ({\n    date,\n    shouldShowDateToNowDifference,\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldShowTime,\n    shouldUseShortText,\n    shouldShowYear,\n    preText,\n}: UseDateInfoOptions) => {\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\n\n    const formattedDate = useMemo(() => new Date(date), [date]);\n\n    useEffect(() => {\n        // This useEffect is used for normal date formation\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        let newFormattedDateString = getFormattedDayOfWeek({\n            shouldShowDayOfWeek,\n            shouldShowRelativeDayOfWeek,\n            shouldUseShortText,\n            date: formattedDate,\n            language,\n        });\n\n        let formatString = 'dd. ';\n\n        formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n        formatString += `${getYearFormat({\n            date: formattedDate,\n            shouldShowYear,\n        })}`;\n\n        newFormattedDateString += format(formattedDate, formatString, { locale: language });\n\n        newFormattedDateString += getFormattedTime({\n            date: formattedDate,\n            shouldShowTime,\n            language,\n        });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowYear,\n        shouldShowTime,\n        shouldUseShortText,\n    ]);\n\n    // Calculate remaining time till next minute to update time according to time left\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        // This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n        if (!shouldShowDateToNowDifference) {\n            return () => {};\n        }\n\n        let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();\n\n        // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n        if (timeoutTime < 0) {\n            timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();\n        }\n\n        // initialized with remaining time\n        let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();\n\n        // set to elapsed time\n        if (isPast(formattedDate)) {\n            timeDiffInMs = currentDate.getTime() - formattedDate.getTime();\n        }\n\n        // time difference is less than a minute, time should be updated every second\n        if (timeDiffInMs < 60000) {\n            timeoutTime = 1;\n        }\n\n        // Set timeoutTime to at least 1000ms\n        timeoutTime = Math.max(timeoutTime * 1000, 1000);\n\n        const timeout = setTimeout(() => {\n            setCurrentDate(new Date());\n        }, timeoutTime);\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        // This useEffect is for showing the difference of the date to now\n        if (shouldShowDateToNowDifference) {\n            setFormattedDateString(getTimeTillNow({ date: formattedDate, currentDate, language }));\n        }\n    }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);\n\n    return useMemo(\n        () => `${preText ? `${preText.trim()} ` : ''}${formattedDateString}`,\n        [formattedDateString, preText],\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDateInfo.js","names":["_dateFns","require","_react","_dateInfo","useDateInfo","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","formattedDateString","setFormattedDateString","useState","language","getLanguage","formattedDate","useMemo","Date","isDateNearToday","isToday","isYesterday","isTomorrow","useEffect","newFormattedDateString","getFormattedDayOfWeek","formatString","getMonthFormat","getYearFormat","format","locale","replace","getFormattedTime","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","isPast","Math","max","timeout","setTimeout","clearTimeout","getTimeTillNow","trim","exports"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { format, isPast, isToday, isTomorrow, isYesterday } from 'date-fns';\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getLanguage,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from '../utils/dateInfo';\n\nexport interface UseDateInfoOptions {\n    /**\n     * The date, that should be displayed\n     */\n    date: Date | string;\n    /**\n     * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n     */\n    preText?: string;\n    /**\n     * Adds the current year to the display\n     */\n    shouldShowYear?: boolean;\n    /**\n     * Adds the time to the display.\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     */\n    shouldShowRelativeDayOfWeek?: boolean;\n    /**\n     * Shortens the day and month text to maximum three digits\n     */\n    shouldUseShortText?: boolean;\n    /**\n     * Adds the day of week to the display\n     */\n    shouldShowDayOfWeek?: boolean;\n    /**\n     * Shows the difference from the date to now. The component handles updates itself.\n     */\n    shouldShowDateToNowDifference?: boolean;\n}\n\nexport const useDateInfo = ({\n    date,\n    shouldShowDateToNowDifference,\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldShowTime,\n    shouldUseShortText,\n    shouldShowYear,\n    preText,\n}: UseDateInfoOptions) => {\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\n\n    const formattedDate = useMemo(() => new Date(date), [date]);\n\n    const isDateNearToday = isToday(date) || isYesterday(date) || isTomorrow(date);\n\n    useEffect(() => {\n        // This useEffect is used for normal date formation\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        let newFormattedDateString = getFormattedDayOfWeek({\n            shouldShowDayOfWeek,\n            shouldShowRelativeDayOfWeek,\n            shouldUseShortText,\n            date: formattedDate,\n            language,\n        });\n\n        if (!isDateNearToday || !shouldShowRelativeDayOfWeek || !shouldShowTime) {\n            let formatString = 'dd. ';\n\n            formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n            formatString += `${getYearFormat({\n                date: formattedDate,\n                shouldShowYear,\n            })}`;\n\n            newFormattedDateString += format(formattedDate, formatString, { locale: language });\n        } else {\n            newFormattedDateString = newFormattedDateString.replace(', ', '');\n        }\n\n        newFormattedDateString += getFormattedTime({\n            date: formattedDate,\n            shouldShowTime,\n            language,\n        });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowYear,\n        shouldShowTime,\n        shouldUseShortText,\n        isDateNearToday,\n    ]);\n\n    // Calculate remaining time till next minute to update time according to time left\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        // This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n        if (!shouldShowDateToNowDifference) {\n            return () => {};\n        }\n\n        let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();\n\n        // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n        if (timeoutTime < 0) {\n            timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();\n        }\n\n        // initialized with remaining time\n        let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();\n\n        // set to elapsed time\n        if (isPast(formattedDate)) {\n            timeDiffInMs = currentDate.getTime() - formattedDate.getTime();\n        }\n\n        // time difference is less than a minute, time should be updated every second\n        if (timeDiffInMs < 60000) {\n            timeoutTime = 1;\n        }\n\n        // Set timeoutTime to at least 1000ms\n        timeoutTime = Math.max(timeoutTime * 1000, 1000);\n\n        const timeout = setTimeout(() => {\n            setCurrentDate(new Date());\n        }, timeoutTime);\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        // This useEffect is for showing the difference of the date to now\n        if (shouldShowDateToNowDifference) {\n            setFormattedDateString(getTimeTillNow({ date: formattedDate, currentDate, language }));\n        }\n    }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);\n\n    return useMemo(\n        () => `${preText ? `${preText.trim()} ` : ''}${formattedDateString}`,\n        [formattedDateString, preText],\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/hooks/useDateInfo.js

@@ -1,4 +1,4 @@
-import { format, isPast } from 'date-fns';
+import { format, isPast, isToday, isTomorrow, isYesterday } from 'date-fns';
 import { useEffect, useMemo, useState } from 'react';
 import { getFormattedDayOfWeek, getFormattedTime, getLanguage, getMonthFormat, getTimeTillNow, getYearFormat } from '../utils/dateInfo';
 export const useDateInfo = _ref => {
@@ -15,6 +15,7 @@ export const useDateInfo = _ref => {
   const [formattedDateString, setFormattedDateString] = useState('');
   const [language] = useState(getLanguage());
   const formattedDate = useMemo(() => new Date(date), [date]);
+  const isDateNearToday = isToday(date) || isYesterday(date) || isTomorrow(date);
   useEffect(() => {
     // This useEffect is used for normal date formation
     if (shouldShowDateToNowDifference) {
@@ -27,24 +28,28 @@ export const useDateInfo = _ref => {
       date: formattedDate,
       language
     });
-    let formatString = 'dd. ';
-    formatString += `${getMonthFormat({
-      shouldUseShortText
-    })}`;
-    formatString += `${getYearFormat({
-      date: formattedDate,
-      shouldShowYear
-    })}`;
-    newFormattedDateString += format(formattedDate, formatString, {
-      locale: language
-    });
+    if (!isDateNearToday || !shouldShowRelativeDayOfWeek || !shouldShowTime) {
+      let formatString = 'dd. ';
+      formatString += `${getMonthFormat({
+        shouldUseShortText
+      })}`;
+      formatString += `${getYearFormat({
+        date: formattedDate,
+        shouldShowYear
+      })}`;
+      newFormattedDateString += format(formattedDate, formatString, {
+        locale: language
+      });
+    } else {
+      newFormattedDateString = newFormattedDateString.replace(', ', '');
+    }
     newFormattedDateString += getFormattedTime({
       date: formattedDate,
       shouldShowTime,
       language
     });
     setFormattedDateString(newFormattedDateString);
-  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowYear, shouldShowTime, shouldUseShortText]);
+  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowYear, shouldShowTime, shouldUseShortText, isDateNearToday]);
 
   // Calculate remaining time till next minute to update time according to time left
   const [currentDate, setCurrentDate] = useState(new Date());

package/lib/esm/hooks/useDateInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInfo.js","names":["format","isPast","useEffect","useMemo","useState","getFormattedDayOfWeek","getFormattedTime","getLanguage","getMonthFormat","getTimeTillNow","getYearFormat","useDateInfo","_ref","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","formattedDateString","setFormattedDateString","language","formattedDate","Date","newFormattedDateString","formatString","locale","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","Math","max","timeout","setTimeout","clearTimeout","trim"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { format, isPast } from 'date-fns';\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getLanguage,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from '../utils/dateInfo';\n\nexport interface UseDateInfoOptions {\n    /**\n     * The date, that should be displayed\n     */\n    date: Date | string;\n    /**\n     * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n     */\n    preText?: string;\n    /**\n     * Adds the current year to the display\n     */\n    shouldShowYear?: boolean;\n    /**\n     * Adds the time to the display.\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     */\n    shouldShowRelativeDayOfWeek?: boolean;\n    /**\n     * Shortens the day and month text to maximum three digits\n     */\n    shouldUseShortText?: boolean;\n    /**\n     * Adds the day of week to the display\n     */\n    shouldShowDayOfWeek?: boolean;\n    /**\n     * Shows the difference from the date to now. The component handles updates itself.\n     */\n    shouldShowDateToNowDifference?: boolean;\n}\n\nexport const useDateInfo = ({\n    date,\n    shouldShowDateToNowDifference,\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldShowTime,\n    shouldUseShortText,\n    shouldShowYear,\n    preText,\n}: UseDateInfoOptions) => {\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\n\n    const formattedDate = useMemo(() => new Date(date), [date]);\n\n    useEffect(() => {\n        // This useEffect is used for normal date formation\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        let newFormattedDateString = getFormattedDayOfWeek({\n            shouldShowDayOfWeek,\n            shouldShowRelativeDayOfWeek,\n            shouldUseShortText,\n            date: formattedDate,\n            language,\n        });\n\n        let formatString = 'dd. ';\n\n        formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n        formatString += `${getYearFormat({\n            date: formattedDate,\n            shouldShowYear,\n        })}`;\n\n        newFormattedDateString += format(formattedDate, formatString, { locale: language });\n\n        newFormattedDateString += getFormattedTime({\n            date: formattedDate,\n            shouldShowTime,\n            language,\n        });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowYear,\n        shouldShowTime,\n        shouldUseShortText,\n    ]);\n\n    // Calculate remaining time till next minute to update time according to time left\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        // This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n        if (!shouldShowDateToNowDifference) {\n            return () => {};\n        }\n\n        let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();\n\n        // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n        if (timeoutTime < 0) {\n            timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();\n        }\n\n        // initialized with remaining time\n        let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();\n\n        // set to elapsed time\n        if (isPast(formattedDate)) {\n            timeDiffInMs = currentDate.getTime() - formattedDate.getTime();\n        }\n\n        // time difference is less than a minute, time should be updated every second\n        if (timeDiffInMs < 60000) {\n            timeoutTime = 1;\n        }\n\n        // Set timeoutTime to at least 1000ms\n        timeoutTime = Math.max(timeoutTime * 1000, 1000);\n\n        const timeout = setTimeout(() => {\n            setCurrentDate(new Date());\n        }, timeoutTime);\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        // This useEffect is for showing the difference of the date to now\n        if (shouldShowDateToNowDifference) {\n            setFormattedDateString(getTimeTillNow({ date: formattedDate, currentDate, language }));\n        }\n    }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);\n\n    return useMemo(\n        () => `${preText ? `${preText.trim()} ` : ''}${formattedDateString}`,\n        [formattedDateString, preText],\n    );\n};\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SACIC,qBAAqB,EACrBC,gBAAgB,EAChBC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,aAAa,QACV,mBAAmB;AAqC1B,OAAO,MAAMC,WAAW,GAAGC,IAAA,IASD;EAAA,IATE;IACxBC,IAAI;IACJC,6BAA6B;IAC7BC,2BAA2B;IAC3BC,mBAAmB;IACnBC,cAAc;IACdC,kBAAkB;IAClBC,cAAc;IACdC;EACgB,CAAC,GAAAR,IAAA;EACjB,MAAM,CAACS,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGlB,QAAQ,CAAS,EAAE,CAAC;EAC1E,MAAM,CAACmB,QAAQ,CAAC,GAAGnB,QAAQ,CAACG,WAAW,CAAC,CAAC,CAAC;EAE1C,MAAMiB,aAAa,GAAGrB,OAAO,CAAC,MAAM,IAAIsB,IAAI,CAACZ,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE3DX,SAAS,CAAC,MAAM;IACZ;IACA,IAAIY,6BAA6B,EAAE;MAC/B;IACJ;IAEA,IAAIY,sBAAsB,GAAGrB,qBAAqB,CAAC;MAC/CW,mBAAmB;MACnBD,2BAA2B;MAC3BG,kBAAkB;MAClBL,IAAI,EAAEW,aAAa;MACnBD;IACJ,CAAC,CAAC;IAEF,IAAII,YAAY,GAAG,MAAM;IAEzBA,YAAY,IAAI,GAAGnB,cAAc,CAAC;MAAEU;IAAmB,CAAC,CAAC,EAAE;IAE3DS,YAAY,IAAI,GAAGjB,aAAa,CAAC;MAC7BG,IAAI,EAAEW,aAAa;MACnBL;IACJ,CAAC,CAAC,EAAE;IAEJO,sBAAsB,IAAI1B,MAAM,CAACwB,aAAa,EAAEG,YAAY,EAAE;MAAEC,MAAM,EAAEL;IAAS,CAAC,CAAC;IAEnFG,sBAAsB,IAAIpB,gBAAgB,CAAC;MACvCO,IAAI,EAAEW,aAAa;MACnBP,cAAc;MACdM;IACJ,CAAC,CAAC;IAEFD,sBAAsB,CAACI,sBAAsB,CAAC;EAClD,CAAC,EAAE,CACCb,IAAI,EACJW,aAAa,EACbD,QAAQ,EACRT,6BAA6B,EAC7BE,mBAAmB,EACnBD,2BAA2B,EAC3BI,cAAc,EACdF,cAAc,EACdC,kBAAkB,CACrB,CAAC;;EAEF;EACA,MAAM,CAACW,WAAW,EAAEC,cAAc,CAAC,GAAG1B,QAAQ,CAAC,IAAIqB,IAAI,CAAC,CAAC,CAAC;EAE1DvB,SAAS,CAAC,MAAM;IACZ;IACA,IAAI,CAACY,6BAA6B,EAAE;MAChC,OAAO,MAAM,CAAC,CAAC;IACnB;IAEA,IAAIiB,WAAW,GAAGP,aAAa,CAACQ,UAAU,CAAC,CAAC,GAAG,IAAIP,IAAI,CAAC,CAAC,CAACO,UAAU,CAAC,CAAC;;IAEtE;IACA,IAAID,WAAW,GAAG,CAAC,EAAE;MACjBA,WAAW,GAAG,EAAE,GAAG,IAAIN,IAAI,CAAC,CAAC,CAACO,UAAU,CAAC,CAAC,GAAGR,aAAa,CAACQ,UAAU,CAAC,CAAC;IAC3E;;IAEA;IACA,IAAIC,YAAY,GAAGT,aAAa,CAACU,OAAO,CAAC,CAAC,GAAGL,WAAW,CAACK,OAAO,CAAC,CAAC;;IAElE;IACA,IAAIjC,MAAM,CAACuB,aAAa,CAAC,EAAE;MACvBS,YAAY,GAAGJ,WAAW,CAACK,OAAO,CAAC,CAAC,GAAGV,aAAa,CAACU,OAAO,CAAC,CAAC;IAClE;;IAEA;IACA,IAAID,YAAY,GAAG,KAAK,EAAE;MACtBF,WAAW,GAAG,CAAC;IACnB;;IAEA;IACAA,WAAW,GAAGI,IAAI,CAACC,GAAG,CAACL,WAAW,GAAG,IAAI,EAAE,IAAI,CAAC;IAEhD,MAAMM,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC7BR,cAAc,CAAC,IAAIL,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC,EAAEM,WAAW,CAAC;IAEf,OAAO,MAAM;MACTQ,YAAY,CAACF,OAAO,CAAC;IACzB,CAAC;EACL,CAAC,EAAE,CAACR,WAAW,EAAEhB,IAAI,EAAEW,aAAa,EAAEV,6BAA6B,CAAC,CAAC;EAErEZ,SAAS,CAAC,MAAM;IACZ;IACA,IAAIY,6BAA6B,EAAE;MAC/BQ,sBAAsB,CAACb,cAAc,CAAC;QAAEI,IAAI,EAAEW,aAAa;QAAEK,WAAW;QAAEN;MAAS,CAAC,CAAC,CAAC;IAC1F;EACJ,CAAC,EAAE,CAACM,WAAW,EAAEhB,IAAI,EAAEW,aAAa,EAAED,QAAQ,EAAET,6BAA6B,CAAC,CAAC;EAE/E,OAAOX,OAAO,CACV,MAAM,GAAGiB,OAAO,GAAG,GAAGA,OAAO,CAACoB,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAGnB,mBAAmB,EAAE,EACpE,CAACA,mBAAmB,EAAED,OAAO,CACjC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"useDateInfo.js","names":["format","isPast","isToday","isTomorrow","isYesterday","useEffect","useMemo","useState","getFormattedDayOfWeek","getFormattedTime","getLanguage","getMonthFormat","getTimeTillNow","getYearFormat","useDateInfo","_ref","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","formattedDateString","setFormattedDateString","language","formattedDate","Date","isDateNearToday","newFormattedDateString","formatString","locale","replace","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","Math","max","timeout","setTimeout","clearTimeout","trim"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { format, isPast, isToday, isTomorrow, isYesterday } from 'date-fns';\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getLanguage,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from '../utils/dateInfo';\n\nexport interface UseDateInfoOptions {\n    /**\n     * The date, that should be displayed\n     */\n    date: Date | string;\n    /**\n     * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n     */\n    preText?: string;\n    /**\n     * Adds the current year to the display\n     */\n    shouldShowYear?: boolean;\n    /**\n     * Adds the time to the display.\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     */\n    shouldShowRelativeDayOfWeek?: boolean;\n    /**\n     * Shortens the day and month text to maximum three digits\n     */\n    shouldUseShortText?: boolean;\n    /**\n     * Adds the day of week to the display\n     */\n    shouldShowDayOfWeek?: boolean;\n    /**\n     * Shows the difference from the date to now. The component handles updates itself.\n     */\n    shouldShowDateToNowDifference?: boolean;\n}\n\nexport const useDateInfo = ({\n    date,\n    shouldShowDateToNowDifference,\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldShowTime,\n    shouldUseShortText,\n    shouldShowYear,\n    preText,\n}: UseDateInfoOptions) => {\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\n\n    const formattedDate = useMemo(() => new Date(date), [date]);\n\n    const isDateNearToday = isToday(date) || isYesterday(date) || isTomorrow(date);\n\n    useEffect(() => {\n        // This useEffect is used for normal date formation\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        let newFormattedDateString = getFormattedDayOfWeek({\n            shouldShowDayOfWeek,\n            shouldShowRelativeDayOfWeek,\n            shouldUseShortText,\n            date: formattedDate,\n            language,\n        });\n\n        if (!isDateNearToday || !shouldShowRelativeDayOfWeek || !shouldShowTime) {\n            let formatString = 'dd. ';\n\n            formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n            formatString += `${getYearFormat({\n                date: formattedDate,\n                shouldShowYear,\n            })}`;\n\n            newFormattedDateString += format(formattedDate, formatString, { locale: language });\n        } else {\n            newFormattedDateString = newFormattedDateString.replace(', ', '');\n        }\n\n        newFormattedDateString += getFormattedTime({\n            date: formattedDate,\n            shouldShowTime,\n            language,\n        });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowYear,\n        shouldShowTime,\n        shouldUseShortText,\n        isDateNearToday,\n    ]);\n\n    // Calculate remaining time till next minute to update time according to time left\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        // This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n        if (!shouldShowDateToNowDifference) {\n            return () => {};\n        }\n\n        let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();\n\n        // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n        if (timeoutTime < 0) {\n            timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();\n        }\n\n        // initialized with remaining time\n        let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();\n\n        // set to elapsed time\n        if (isPast(formattedDate)) {\n            timeDiffInMs = currentDate.getTime() - formattedDate.getTime();\n        }\n\n        // time difference is less than a minute, time should be updated every second\n        if (timeDiffInMs < 60000) {\n            timeoutTime = 1;\n        }\n\n        // Set timeoutTime to at least 1000ms\n        timeoutTime = Math.max(timeoutTime * 1000, 1000);\n\n        const timeout = setTimeout(() => {\n            setCurrentDate(new Date());\n        }, timeoutTime);\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        // This useEffect is for showing the difference of the date to now\n        if (shouldShowDateToNowDifference) {\n            setFormattedDateString(getTimeTillNow({ date: formattedDate, currentDate, language }));\n        }\n    }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);\n\n    return useMemo(\n        () => `${preText ? `${preText.trim()} ` : ''}${formattedDateString}`,\n        [formattedDateString, preText],\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/date",
-    "version": "5.0.0-beta.885",
+    "version": "5.0.0-beta.887",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -51,25 +51,25 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.25.7",
-        "@babel/core": "^7.25.7",
-        "@babel/preset-env": "^7.25.7",
-        "@babel/preset-react": "^7.25.7",
-        "@babel/preset-typescript": "^7.25.7",
-        "@types/react": "^18.3.11",
-        "@types/react-dom": "^18.3.0",
+        "@babel/cli": "^7.25.9",
+        "@babel/core": "^7.26.0",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.26.0",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
         "@types/styled-components": "^5.1.34",
         "@types/uuid": "^10.0.0",
         "babel-loader": "^9.2.1",
         "cross-env": "^7.0.3",
-        "lerna": "^8.1.8",
+        "lerna": "^8.1.9",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "styled-components": "^6.1.13",
         "typescript": "^5.6.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.885",
+        "@chayns-components/core": "^5.0.0-beta.886",
         "date-fns": "^3.6.0",
         "uuid": "^10.0.0"
     },
@@ -83,5 +83,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "77da4abecd17e83781b1c029cdeb1694d0d33244"
+    "gitHead": "8f999b0b61f445aa9e897dfae6d355e0a156ba03"
 }