@chayns-components/core 5.0.0-beta.2 → 5.0.0-beta.200

package/lib/components/date-info/DateInfo.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dateFns = require("date-fns");
+var _react = _interopRequireWildcard(require("react"));
+var _format = require("./utils/format");
+var _language = require("./utils/language");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DateInfo = _ref => {
+  let {
+    date,
+    preText = '',
+    shouldShowThisYear,
+    shouldShowTime,
+    shouldShowRelativeDayOfWeek,
+    shouldUseShortText,
+    shouldShowDayOfWeek,
+    shouldShowDateToNowDifference
+  } = _ref;
+  const [formattedDate, setFormattedDate] = (0, _react.useState)(new Date(date));
+  const [formattedDateString, setFormattedDateString] = (0, _react.useState)('');
+  const [language] = (0, _react.useState)((0, _language.getLanguage)());
+  (0, _react.useEffect)(() => {
+    // This useEffect is used for normal date formation
+    if (shouldShowDateToNowDifference) {
+      return;
+    }
+    let newFormattedDateString = (0, _format.getFormattedDayOfWeek)({
+      shouldShowDayOfWeek,
+      shouldShowRelativeDayOfWeek,
+      shouldUseShortText,
+      date: formattedDate
+    });
+    let formatString = 'dd. ';
+    formatString += `${(0, _format.getMonthFormat)({
+      shouldUseShortText
+    })}`;
+    formatString += `${(0, _format.getYearFormat)({
+      date: formattedDate,
+      shouldShowThisYear
+    })}`;
+    newFormattedDateString += (0, _dateFns.format)(formattedDate, formatString, {
+      locale: language
+    });
+    newFormattedDateString += (0, _format.getFormattedTime)({
+      date: formattedDate,
+      shouldShowTime
+    });
+    setFormattedDateString(newFormattedDateString);
+  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowThisYear, shouldShowTime, shouldUseShortText]);
+
+  // Calculate remaining time till next minute to update time according to time left
+  const [currentDate, setCurrentDate] = (0, _react.useState)(new Date());
+  (0, _react.useEffect)(() => {
+    // This useEffect is for calculating the current date for shouldShowDateToNowDifference option
+    if (!shouldShowDateToNowDifference) {
+      return () => {};
+    }
+    let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();
+
+    // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently
+    if (timeoutTime < 0) {
+      timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();
+    }
+
+    // initialized with remaining time
+    let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();
+
+    // set to elapsed time
+    if ((0, _dateFns.isPast)(formattedDate)) {
+      timeDiffInMs = currentDate.getTime() - formattedDate.getTime();
+    }
+
+    // time difference is less than a minute, time should be updated every second
+    if (timeDiffInMs < 60000) {
+      timeoutTime = 1;
+    }
+
+    // Set timeoutTime to at least 1000ms
+    timeoutTime = Math.max(timeoutTime * 1000, 1000);
+    const timeout = setTimeout(() => {
+      setCurrentDate(new Date());
+    }, timeoutTime);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);
+  (0, _react.useEffect)(() => {
+    // This useEffect is for showing the difference of the date to now
+    if (shouldShowDateToNowDifference) {
+      setFormattedDateString((0, _format.getTimeTillNow)({
+        date: formattedDate,
+        currentDate
+      }));
+    }
+  }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);
+  (0, _react.useEffect)(() => {
+    setFormattedDate(new Date(date));
+  }, [date]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("div", null, preText.trim(), " ", formattedDateString), [formattedDateString, preText]);
+};
+DateInfo.displayName = 'DateInfo';
+var _default = DateInfo;
+exports.default = _default;
+//# sourceMappingURL=DateInfo.js.map

package/lib/components/date-info/DateInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInfo.js","names":["_dateFns","require","_react","_interopRequireWildcard","_format","_language","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DateInfo","_ref","date","preText","shouldShowThisYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","setFormattedDate","useState","Date","formattedDateString","setFormattedDateString","language","getLanguage","useEffect","newFormattedDateString","getFormattedDayOfWeek","formatString","getMonthFormat","getYearFormat","format","locale","getFormattedTime","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","isPast","Math","max","timeout","setTimeout","clearTimeout","getTimeTillNow","useMemo","createElement","trim","displayName","_default","exports"],"sources":["../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import { format, isPast } from 'date-fns';\nimport React, { FC, useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from './utils/format';\nimport { getLanguage } from './utils/language';\n\nexport type DateInfoProps = {\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    shouldShowThisYear?: boolean;\n    /**\n     * Adds the time to the display.\n     * NOTE: The time is display with german text\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     * NOTE: The text is only available in german\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     * NOTE: This option is only available in german\n     */\n    shouldShowDateToNowDifference?: boolean;\n};\n\nconst DateInfo: FC<DateInfoProps> = ({\n    date,\n    preText = '',\n    shouldShowThisYear,\n    shouldShowTime,\n    shouldShowRelativeDayOfWeek,\n    shouldUseShortText,\n    shouldShowDayOfWeek,\n    shouldShowDateToNowDifference,\n}) => {\n    const [formattedDate, setFormattedDate] = useState(new Date(date));\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\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        });\n\n        let formatString = 'dd. ';\n\n        formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n        formatString += `${getYearFormat({\n            date: formattedDate,\n            shouldShowThisYear,\n        })}`;\n\n        newFormattedDateString += format(formattedDate, formatString, { locale: language });\n\n        newFormattedDateString += getFormattedTime({ date: formattedDate, shouldShowTime });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowThisYear,\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 }));\n        }\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        setFormattedDate(new Date(date));\n    }, [date]);\n\n    return useMemo(\n        () => (\n            <div>\n                {preText.trim()} {formattedDateString}\n            </div>\n        ),\n        [formattedDateString, preText]\n    );\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":"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"}

package/lib/components/date-info/utils/format.d.ts

@@ -0,0 +1,43 @@
+interface GetFormattedYearOptions {
+    date: Date;
+    shouldShowThisYear?: boolean;
+}
+export declare const getYearFormat: ({ date, shouldShowThisYear }: GetFormattedYearOptions) => "" | " yyyy";
+interface GetFormattedMonthOptions {
+    shouldUseShortText?: boolean;
+}
+export declare const getMonthFormat: ({ shouldUseShortText }: GetFormattedMonthOptions) => "LLL." | "LLLL";
+interface GetFormattedDayOfWeekOptions {
+    shouldShowDayOfWeek?: boolean;
+    shouldShowRelativeDayOfWeek?: boolean;
+    shouldUseShortText?: boolean;
+    date: Date;
+}
+export declare const getFormattedDayOfWeek: ({ shouldShowRelativeDayOfWeek, shouldShowDayOfWeek, shouldUseShortText, date, }: GetFormattedDayOfWeekOptions) => string;
+interface GetFormattedTimeOptions {
+    shouldShowTime?: boolean;
+    date: Date;
+}
+export declare const getFormattedTime: ({ shouldShowTime, date }: GetFormattedTimeOptions) => string;
+export interface Time {
+    value: number;
+    type: TimeType;
+    isPast: boolean;
+}
+export declare enum TimeType {
+    Seconds = 0,
+    Minutes = 1,
+    Hours = 2,
+    Days = 3,
+    Weeks = 4,
+    Months = 5,
+    Years = 6
+}
+interface GetTimeTillNowOptions {
+    date: Date;
+    currentDate: Date;
+}
+export declare const getTimeTillNow: ({ date, currentDate }: GetTimeTillNowOptions) => string;
+export declare const getFormattedPastTimeString: (time: Time) => string;
+export declare const getFormattedFutureTimeString: (time: Time) => string;
+export {};

package/lib/components/date-info/utils/format.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getYearFormat = exports.getTimeTillNow = exports.getMonthFormat = exports.getFormattedTime = exports.getFormattedPastTimeString = exports.getFormattedFutureTimeString = exports.getFormattedDayOfWeek = exports.TimeType = void 0;
+var _dateFns = require("date-fns");
+const getYearFormat = _ref => {
+  let {
+    date,
+    shouldShowThisYear
+  } = _ref;
+  if (shouldShowThisYear) {
+    return ' yyyy';
+  }
+  return (0, _dateFns.isThisYear)(date) ? '' : ' yyyy';
+};
+exports.getYearFormat = getYearFormat;
+const getMonthFormat = _ref2 => {
+  let {
+    shouldUseShortText
+  } = _ref2;
+  if (shouldUseShortText) {
+    return 'LLL.';
+  }
+  return 'LLLL';
+};
+exports.getMonthFormat = getMonthFormat;
+const getFormattedDayOfWeek = _ref3 => {
+  let {
+    shouldShowRelativeDayOfWeek,
+    shouldShowDayOfWeek,
+    shouldUseShortText,
+    date
+  } = _ref3;
+  if (!shouldShowDayOfWeek && !shouldShowRelativeDayOfWeek) {
+    return '';
+  }
+  if (shouldShowRelativeDayOfWeek) {
+    if ((0, _dateFns.isToday)(date)) {
+      return 'Heute, ';
+    }
+    if ((0, _dateFns.isTomorrow)(date)) {
+      return 'Morgen, ';
+    }
+    if ((0, _dateFns.isYesterday)(date)) {
+      return 'Gestern, ';
+    }
+  }
+  if (shouldUseShortText) {
+    return (0, _dateFns.format)(date, 'E., ');
+  }
+  return (0, _dateFns.format)(date, 'EEEE, ');
+};
+exports.getFormattedDayOfWeek = getFormattedDayOfWeek;
+const getFormattedTime = _ref4 => {
+  let {
+    shouldShowTime,
+    date
+  } = _ref4;
+  if (!shouldShowTime) {
+    return '';
+  }
+  return `, ${(0, _dateFns.format)(date, 'HH:mm')} Uhr`;
+};
+exports.getFormattedTime = getFormattedTime;
+let TimeType = /*#__PURE__*/function (TimeType) {
+  TimeType[TimeType["Seconds"] = 0] = "Seconds";
+  TimeType[TimeType["Minutes"] = 1] = "Minutes";
+  TimeType[TimeType["Hours"] = 2] = "Hours";
+  TimeType[TimeType["Days"] = 3] = "Days";
+  TimeType[TimeType["Weeks"] = 4] = "Weeks";
+  TimeType[TimeType["Months"] = 5] = "Months";
+  TimeType[TimeType["Years"] = 6] = "Years";
+  return TimeType;
+}({});
+exports.TimeType = TimeType;
+const getTimeTillNow = _ref5 => {
+  let {
+    date,
+    currentDate
+  } = _ref5;
+  const time = {
+    value: 0,
+    type: TimeType.Years,
+    isPast: false
+  };
+  if ((0, _dateFns.isPast)(date)) {
+    const elapsedMilliseconds = currentDate.getTime() - date.getTime();
+    switch (true) {
+      case elapsedMilliseconds < 60000:
+        time.value = Math.floor(elapsedMilliseconds / 1000);
+        time.type = TimeType.Seconds;
+        break;
+      case elapsedMilliseconds < 3600000:
+        time.value = Math.floor(elapsedMilliseconds / 60000);
+        time.type = TimeType.Minutes;
+        break;
+      case elapsedMilliseconds < 86400000:
+        time.value = Math.floor(elapsedMilliseconds / 3600000);
+        time.type = TimeType.Hours;
+        break;
+      case elapsedMilliseconds < 604800000:
+        time.value = Math.floor(elapsedMilliseconds / 86400000);
+        time.type = TimeType.Days;
+        break;
+      case elapsedMilliseconds < 2592000000:
+        time.value = Math.floor(elapsedMilliseconds / 604800000);
+        time.type = TimeType.Weeks;
+        break;
+      case elapsedMilliseconds < 31536000000:
+        time.value = Math.floor(elapsedMilliseconds / 2592000000);
+        time.type = TimeType.Months;
+        break;
+      default:
+        time.value = Math.floor(elapsedMilliseconds / 31536000000);
+        time.type = TimeType.Years;
+        break;
+    }
+    return `${time.value} ${getFormattedPastTimeString(time)}`;
+  }
+  const remainingMilliseconds = date.getTime() - currentDate.getTime();
+  switch (true) {
+    case remainingMilliseconds < 60000:
+      time.value = Math.floor(remainingMilliseconds / 1000);
+      time.type = TimeType.Seconds;
+      break;
+    case remainingMilliseconds < 3600000:
+      time.value = Math.floor(remainingMilliseconds / 60000);
+      time.type = TimeType.Minutes;
+      break;
+    case remainingMilliseconds < 86400000:
+      time.value = Math.floor(remainingMilliseconds / 3600000);
+      time.type = TimeType.Hours;
+      break;
+    case remainingMilliseconds < 604800000:
+      time.value = Math.floor(remainingMilliseconds / 86400000);
+      time.type = TimeType.Days;
+      break;
+    case remainingMilliseconds < 2592000000:
+      time.value = Math.floor(remainingMilliseconds / 604800000);
+      time.type = TimeType.Weeks;
+      break;
+    case remainingMilliseconds < 31536000000:
+      time.value = Math.floor(remainingMilliseconds / 2592000000);
+      time.type = TimeType.Months;
+      break;
+    default:
+      time.value = Math.floor(remainingMilliseconds / 31536000000);
+      time.type = TimeType.Years;
+      break;
+  }
+  return `${time.value} ${getFormattedFutureTimeString(time)}`;
+};
+exports.getTimeTillNow = getTimeTillNow;
+const timeTypeStrings = {
+  past: {
+    seconds: {
+      singular: 'Sekunde',
+      plural: 'Sekunden'
+    },
+    minutes: {
+      singular: 'Minute',
+      plural: 'Minuten'
+    },
+    hours: {
+      singular: 'Stunde',
+      plural: 'Stunden'
+    },
+    days: {
+      singular: 'Tag',
+      plural: 'Tagen'
+    },
+    weeks: {
+      singular: 'Woche',
+      plural: 'Wochen'
+    },
+    months: {
+      singular: 'Monat',
+      plural: 'Monaten'
+    },
+    years: {
+      singular: 'Jahr',
+      plural: 'Jahren'
+    }
+  },
+  future: {
+    seconds: {
+      singular: 'Sekunde',
+      plural: 'Sekunden'
+    },
+    minutes: {
+      singular: 'Minute',
+      plural: 'Minuten'
+    },
+    hours: {
+      singular: 'Stunde',
+      plural: 'Stunden'
+    },
+    days: {
+      singular: 'Tag',
+      plural: 'Tagen'
+    },
+    weeks: {
+      singular: 'Woche',
+      plural: 'Wochen'
+    },
+    months: {
+      singular: 'Monat',
+      plural: 'Monaten'
+    },
+    years: {
+      singular: 'Jahr',
+      plural: 'Jahren'
+    }
+  }
+};
+const getFormattedPastTimeString = time => {
+  const {
+    value,
+    type
+  } = time;
+  const {
+    past: {
+      seconds,
+      days,
+      weeks,
+      months,
+      years,
+      minutes,
+      hours
+    }
+  } = timeTypeStrings;
+  const isSingular = value === 1;
+  switch (true) {
+    case type === TimeType.Seconds:
+      return isSingular ? seconds.singular : seconds.plural;
+    case type === TimeType.Minutes:
+      return isSingular ? minutes.singular : minutes.plural;
+    case type === TimeType.Hours:
+      return isSingular ? hours.singular : hours.plural;
+    case type === TimeType.Days:
+      return isSingular ? days.singular : days.plural;
+    case type === TimeType.Weeks:
+      return isSingular ? weeks.singular : weeks.plural;
+    case type === TimeType.Months:
+      return isSingular ? months.singular : months.plural;
+    default:
+      return isSingular ? years.singular : years.plural;
+  }
+};
+exports.getFormattedPastTimeString = getFormattedPastTimeString;
+const getFormattedFutureTimeString = time => {
+  const {
+    value,
+    type
+  } = time;
+  const {
+    future: {
+      seconds,
+      days,
+      weeks,
+      months,
+      years,
+      minutes,
+      hours
+    }
+  } = timeTypeStrings;
+  const isSingular = value === 1;
+  switch (true) {
+    case type === TimeType.Seconds:
+      return isSingular ? seconds.singular : seconds.plural;
+    case type === TimeType.Minutes:
+      return isSingular ? minutes.singular : minutes.plural;
+    case type === TimeType.Hours:
+      return isSingular ? hours.singular : hours.plural;
+    case type === TimeType.Days:
+      return isSingular ? days.singular : days.plural;
+    case type === TimeType.Weeks:
+      return isSingular ? weeks.singular : weeks.plural;
+    case type === TimeType.Months:
+      return isSingular ? months.singular : months.plural;
+    default:
+      return isSingular ? years.singular : years.plural;
+  }
+};
+exports.getFormattedFutureTimeString = getFormattedFutureTimeString;
+//# sourceMappingURL=format.js.map

package/lib/components/date-info/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":["_dateFns","require","getYearFormat","_ref","date","shouldShowThisYear","isThisYear","exports","getMonthFormat","_ref2","shouldUseShortText","getFormattedDayOfWeek","_ref3","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","isToday","isTomorrow","isYesterday","format","getFormattedTime","_ref4","shouldShowTime","TimeType","getTimeTillNow","_ref5","currentDate","time","value","type","Years","isPast","elapsedMilliseconds","getTime","Math","floor","Seconds","Minutes","Hours","Days","Weeks","Months","getFormattedPastTimeString","remainingMilliseconds","getFormattedFutureTimeString","timeTypeStrings","past","seconds","singular","plural","minutes","hours","days","weeks","months","years","future","isSingular"],"sources":["../../../../src/components/date-info/utils/format.ts"],"sourcesContent":["import { format, isPast, isThisYear, isToday, isTomorrow, isYesterday } from 'date-fns';\n\ninterface GetFormattedYearOptions {\n    date: Date;\n    shouldShowThisYear?: boolean;\n}\n\nexport const getYearFormat = ({ date, shouldShowThisYear }: GetFormattedYearOptions) => {\n    if (shouldShowThisYear) {\n        return ' yyyy';\n    }\n\n    return isThisYear(date) ? '' : ' yyyy';\n};\n\ninterface GetFormattedMonthOptions {\n    shouldUseShortText?: boolean;\n}\n\nexport const getMonthFormat = ({ shouldUseShortText }: GetFormattedMonthOptions) => {\n    if (shouldUseShortText) {\n        return 'LLL.';\n    }\n\n    return 'LLLL';\n};\n\ninterface GetFormattedDayOfWeekOptions {\n    shouldShowDayOfWeek?: boolean;\n    shouldShowRelativeDayOfWeek?: boolean;\n    shouldUseShortText?: boolean;\n    date: Date;\n}\n\nexport const getFormattedDayOfWeek = ({\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldUseShortText,\n    date,\n}: GetFormattedDayOfWeekOptions) => {\n    if (!shouldShowDayOfWeek && !shouldShowRelativeDayOfWeek) {\n        return '';\n    }\n\n    if (shouldShowRelativeDayOfWeek) {\n        if (isToday(date)) {\n            return 'Heute, ';\n        }\n\n        if (isTomorrow(date)) {\n            return 'Morgen, ';\n        }\n\n        if (isYesterday(date)) {\n            return 'Gestern, ';\n        }\n    }\n\n    if (shouldUseShortText) {\n        return format(date, 'E., ');\n    }\n\n    return format(date, 'EEEE, ');\n};\n\ninterface GetFormattedTimeOptions {\n    shouldShowTime?: boolean;\n    date: Date;\n}\n\nexport const getFormattedTime = ({ shouldShowTime, date }: GetFormattedTimeOptions) => {\n    if (!shouldShowTime) {\n        return '';\n    }\n\n    return `, ${format(date, 'HH:mm')} Uhr`;\n};\n\nexport interface Time {\n    value: number;\n    type: TimeType;\n    isPast: boolean;\n}\n\nexport enum TimeType {\n    Seconds,\n    Minutes,\n    Hours,\n    Days,\n    Weeks,\n    Months,\n    Years,\n}\n\ninterface GetTimeTillNowOptions {\n    date: Date;\n    currentDate: Date;\n}\n\nexport const getTimeTillNow = ({ date, currentDate }: GetTimeTillNowOptions): string => {\n    const time: Time = {\n        value: 0,\n        type: TimeType.Years,\n        isPast: false,\n    };\n\n    if (isPast(date)) {\n        const elapsedMilliseconds = currentDate.getTime() - date.getTime();\n\n        switch (true) {\n            case elapsedMilliseconds < 60000:\n                time.value = Math.floor(elapsedMilliseconds / 1000);\n                time.type = TimeType.Seconds;\n                break;\n            case elapsedMilliseconds < 3600000:\n                time.value = Math.floor(elapsedMilliseconds / 60000);\n                time.type = TimeType.Minutes;\n                break;\n            case elapsedMilliseconds < 86400000:\n                time.value = Math.floor(elapsedMilliseconds / 3600000);\n                time.type = TimeType.Hours;\n                break;\n            case elapsedMilliseconds < 604800000:\n                time.value = Math.floor(elapsedMilliseconds / 86400000);\n                time.type = TimeType.Days;\n                break;\n            case elapsedMilliseconds < 2592000000:\n                time.value = Math.floor(elapsedMilliseconds / 604800000);\n                time.type = TimeType.Weeks;\n                break;\n            case elapsedMilliseconds < 31536000000:\n                time.value = Math.floor(elapsedMilliseconds / 2592000000);\n                time.type = TimeType.Months;\n                break;\n            default:\n                time.value = Math.floor(elapsedMilliseconds / 31536000000);\n                time.type = TimeType.Years;\n                break;\n        }\n\n        return `${time.value} ${getFormattedPastTimeString(time)}`;\n    }\n\n    const remainingMilliseconds = date.getTime() - currentDate.getTime();\n\n    switch (true) {\n        case remainingMilliseconds < 60000:\n            time.value = Math.floor(remainingMilliseconds / 1000);\n            time.type = TimeType.Seconds;\n            break;\n        case remainingMilliseconds < 3600000:\n            time.value = Math.floor(remainingMilliseconds / 60000);\n            time.type = TimeType.Minutes;\n            break;\n        case remainingMilliseconds < 86400000:\n            time.value = Math.floor(remainingMilliseconds / 3600000);\n            time.type = TimeType.Hours;\n            break;\n        case remainingMilliseconds < 604800000:\n            time.value = Math.floor(remainingMilliseconds / 86400000);\n            time.type = TimeType.Days;\n            break;\n        case remainingMilliseconds < 2592000000:\n            time.value = Math.floor(remainingMilliseconds / 604800000);\n            time.type = TimeType.Weeks;\n            break;\n        case remainingMilliseconds < 31536000000:\n            time.value = Math.floor(remainingMilliseconds / 2592000000);\n            time.type = TimeType.Months;\n            break;\n        default:\n            time.value = Math.floor(remainingMilliseconds / 31536000000);\n            time.type = TimeType.Years;\n            break;\n    }\n\n    return `${time.value} ${getFormattedFutureTimeString(time)}`;\n};\n\nconst timeTypeStrings = {\n    past: {\n        seconds: {\n            singular: 'Sekunde',\n            plural: 'Sekunden',\n        },\n        minutes: {\n            singular: 'Minute',\n            plural: 'Minuten',\n        },\n        hours: {\n            singular: 'Stunde',\n            plural: 'Stunden',\n        },\n        days: {\n            singular: 'Tag',\n            plural: 'Tagen',\n        },\n        weeks: {\n            singular: 'Woche',\n            plural: 'Wochen',\n        },\n        months: {\n            singular: 'Monat',\n            plural: 'Monaten',\n        },\n        years: {\n            singular: 'Jahr',\n            plural: 'Jahren',\n        },\n    },\n    future: {\n        seconds: {\n            singular: 'Sekunde',\n            plural: 'Sekunden',\n        },\n        minutes: {\n            singular: 'Minute',\n            plural: 'Minuten',\n        },\n        hours: {\n            singular: 'Stunde',\n            plural: 'Stunden',\n        },\n        days: {\n            singular: 'Tag',\n            plural: 'Tagen',\n        },\n        weeks: {\n            singular: 'Woche',\n            plural: 'Wochen',\n        },\n        months: {\n            singular: 'Monat',\n            plural: 'Monaten',\n        },\n        years: {\n            singular: 'Jahr',\n            plural: 'Jahren',\n        },\n    },\n};\n\nexport const getFormattedPastTimeString = (time: Time): string => {\n    const { value, type } = time;\n    const {\n        past: { seconds, days, weeks, months, years, minutes, hours },\n    } = timeTypeStrings;\n    const isSingular = value === 1;\n\n    switch (true) {\n        case type === TimeType.Seconds:\n            return isSingular ? seconds.singular : seconds.plural;\n        case type === TimeType.Minutes:\n            return isSingular ? minutes.singular : minutes.plural;\n        case type === TimeType.Hours:\n            return isSingular ? hours.singular : hours.plural;\n        case type === TimeType.Days:\n            return isSingular ? days.singular : days.plural;\n        case type === TimeType.Weeks:\n            return isSingular ? weeks.singular : weeks.plural;\n        case type === TimeType.Months:\n            return isSingular ? months.singular : months.plural;\n        default:\n            return isSingular ? years.singular : years.plural;\n    }\n};\n\nexport const getFormattedFutureTimeString = (time: Time): string => {\n    const { value, type } = time;\n    const {\n        future: { seconds, days, weeks, months, years, minutes, hours },\n    } = timeTypeStrings;\n    const isSingular = value === 1;\n\n    switch (true) {\n        case type === TimeType.Seconds:\n            return isSingular ? seconds.singular : seconds.plural;\n        case type === TimeType.Minutes:\n            return isSingular ? minutes.singular : minutes.plural;\n        case type === TimeType.Hours:\n            return isSingular ? hours.singular : hours.plural;\n        case type === TimeType.Days:\n            return isSingular ? days.singular : days.plural;\n        case type === TimeType.Weeks:\n            return isSingular ? weeks.singular : weeks.plural;\n        case type === TimeType.Months:\n            return isSingular ? months.singular : months.plural;\n        default:\n            return isSingular ? years.singular : years.plural;\n    }\n};\n"],"mappings":"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"}

package/lib/components/date-info/utils/language.d.ts

@@ -0,0 +1 @@
+export declare const getLanguage: () => Locale;

package/lib/components/date-info/utils/language.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLanguage = void 0;
+var _locale = require("date-fns/locale");
+const getLanguage = () => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  switch (chayns.env.parameters.translang || chayns.env.language) {
+    case 'en':
+      return _locale.enGB;
+    case 'nl':
+      return _locale.nl;
+    case 'fr':
+      return _locale.fr;
+    case 'it':
+      return _locale.it;
+    case 'pl':
+      return _locale.pl;
+    case 'pt':
+      return _locale.pt;
+    case 'es':
+      return _locale.es;
+    case 'tr':
+      return _locale.tr;
+    case 'uk':
+      return _locale.uk;
+    default:
+      return _locale.de;
+  }
+};
+exports.getLanguage = getLanguage;
+//# sourceMappingURL=language.js.map

package/lib/components/date-info/utils/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","names":["_locale","require","getLanguage","chayns","env","parameters","translang","language","enGB","nl","fr","it","pl","pt","es","tr","uk","de","exports"],"sources":["../../../../src/components/date-info/utils/language.ts"],"sourcesContent":["import { de, enGB, es, fr, it, nl, pl, pt, tr, uk } from 'date-fns/locale';\n\nexport const getLanguage = (): Locale => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    switch (chayns.env.parameters.translang || chayns.env.language) {\n        case 'en':\n            return enGB;\n        case 'nl':\n            return nl;\n        case 'fr':\n            return fr;\n        case 'it':\n            return it;\n        case 'pl':\n            return pl;\n        case 'pt':\n            return pt;\n        case 'es':\n            return es;\n        case 'tr':\n            return tr;\n        case 'uk':\n            return uk;\n        default:\n            return de;\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAGA,CAAA,KAAc;EACrC;EACA,QAAQC,MAAM,CAACC,GAAG,CAACC,UAAU,CAACC,SAAS,IAAIH,MAAM,CAACC,GAAG,CAACG,QAAQ;IAC1D,KAAK,IAAI;MACL,OAAOC,YAAI;IACf,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb;MACI,OAAOC,UAAE;EACjB;AACJ,CAAC;AAACC,OAAA,CAAAhB,WAAA,GAAAA,WAAA"}

package/lib/components/filter-button/FilterButton.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { FilterButtonSize, IFilterButtonItem } from './types';
+export type FilterButtonProps = {
+    /**
+     * The items that should be displayed.
+     */
+    items: IFilterButtonItem[];
+    /**
+     * A function that should be executed when an item is selected.
+     */
+    onSelect?: (keys: string[]) => void;
+    /**
+     * The keys of items that should be selected.
+     */
+    selectedItemIds?: string[];
+    /**
+     * The size auf the filter buttons. Use the FilterButtonSize enum.
+     */
+    size?: FilterButtonSize;
+};
+declare const FilterButton: FC<FilterButtonProps>;
+export default FilterButton;

package/lib/components/filter-button/FilterButton.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FilterButtonItem = _interopRequireDefault(require("./filter-button-item/FilterButtonItem"));
+var _FilterButton = require("./FilterButton.styles");
+var _types = require("./types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const FilterButton = _ref => {
+  let {
+    selectedItemIds,
+    onSelect,
+    items,
+    size = _types.FilterButtonSize.Normal
+  } = _ref;
+  const [selectedIds, setSelectedIds] = (0, _react.useState)(['all']);
+
+  /**
+   * This function set the selectedItemKey
+   */
+  (0, _react.useEffect)(() => {
+    if (selectedItemIds) {
+      setSelectedIds(selectedItemIds);
+    }
+  }, [selectedItemIds]);
+
+  /**
+   * Function to update the selected items
+   */
+  const handleSelect = (0, _react.useCallback)(id => {
+    let newIds;
+    if (id === 'all') {
+      newIds = selectedIds.includes('all') ? [] : ['all'];
+    } else {
+      newIds = selectedIds.includes(id) ? selectedIds.filter(filteredId => filteredId !== id) : [...selectedIds.filter(filteredId => filteredId !== 'all'), id];
+    }
+    if (newIds.length === 0) {
+      newIds = ['all'];
+    }
+    setSelectedIds(newIds);
+    if (typeof onSelect === 'function') {
+      onSelect(newIds);
+    }
+  }, [onSelect, selectedIds]);
+  const reactItems = (0, _react.useMemo)(() => {
+    if (items.length === 0) {
+      return null;
+    }
+    const array = [/*#__PURE__*/_react.default.createElement(_FilterButtonItem.default, {
+      id: "all",
+      key: "all",
+      onSelect: handleSelect,
+      isSelected: selectedIds.includes('all'),
+      shape: _types.FilterButtonItemShape.Rectangular,
+      size: size,
+      text: "Alle"
+    })];
+    items.forEach(_ref2 => {
+      let {
+        icons,
+        text,
+        color,
+        id
+      } = _ref2;
+      array.push( /*#__PURE__*/_react.default.createElement(_FilterButtonItem.default, {
+        color: color,
+        icons: icons,
+        id: id,
+        key: id,
+        onSelect: handleSelect,
+        isSelected: selectedIds.includes(id),
+        shape: _types.FilterButtonItemShape.Round,
+        size: size,
+        text: text
+      }));
+    });
+    return array;
+  }, [handleSelect, items, selectedIds, size]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButton, null, reactItems), [reactItems]);
+};
+FilterButton.displayName = 'FilterButton';
+var _default = FilterButton;
+exports.default = _default;
+//# sourceMappingURL=FilterButton.js.map