@chayns-components/core 5.0.0-beta.3 → 5.0.0-beta.300

package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMotionContextMenuContent = exports.StyledContextMenuContentItemText = exports.StyledContextMenuContentItemIconWrapper = exports.StyledContextMenuContentItem = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _alignment = require("../constants/alignment");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledMotionContextMenuContent = exports.StyledMotionContextMenuContent = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    background-color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme['001'];
+}};
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 3px;
+    box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);
+    color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.text;
+}};
+    position: absolute;
+    z-index: 0;
+
+    ::after {
+        background-color: inherit;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        border-bottom-right-radius: 3px;
+        border-right: 1px solid rgba(0, 0, 0, 0.1);
+        box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);
+        content: '';
+        height: 14px;
+        position: absolute;
+        width: 14px;
+        z-index: -2;
+
+        ${_ref3 => {
+  let {
+    position
+  } = _ref3;
+  switch (position) {
+    case _alignment.ContextMenuAlignment.TopLeft:
+      return (0, _styledComponents.css)`
+                        bottom: -8px;
+                        right: 13px;
+                        transform: rotate(45deg);
+                    `;
+    case _alignment.ContextMenuAlignment.BottomLeft:
+      return (0, _styledComponents.css)`
+                        top: -8px;
+                        right: 13px;
+                        transform: rotate(225deg);
+                    `;
+    case _alignment.ContextMenuAlignment.TopRight:
+      return (0, _styledComponents.css)`
+                        transform: rotate(45deg);
+                        bottom: -8px;
+                        left: 13px;
+                    `;
+    case _alignment.ContextMenuAlignment.BottomRight:
+      return (0, _styledComponents.css)`
+                        transform: rotate(225deg);
+                        top: -8px;
+                        left: 13px;
+                    `;
+    default:
+      return undefined;
+  }
+}}
+    }
+
+    ::before {
+        background-color: inherit;
+        bottom: 0;
+        content: '';
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: 0;
+        z-index: -1;
+    }
+`;
+const StyledContextMenuContentItem = exports.StyledContextMenuContentItem = _styledComponents.default.div`
+    cursor: pointer;
+    display: flex;
+    padding: 5px 8px 5px 5px;
+    transition: background-color 0.3s ease;
+
+    :hover {
+        background-color: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme['secondary-103'];
+}};
+    }
+`;
+const StyledContextMenuContentItemIconWrapper = exports.StyledContextMenuContentItemIconWrapper = _styledComponents.default.div`
+    flex: 0 0 auto;
+    margin: 0 8px 0 3px;
+    width: 20px;
+`;
+const StyledContextMenuContentItemText = exports.StyledContextMenuContentItemText = _styledComponents.default.div`
+    flex: 0 0 auto;
+    white-space: nowrap;
+`;
+//# sourceMappingURL=ContextMenuContent.styles.js.map

package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_alignment","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledMotionContextMenuContent","exports","styled","motion","div","_ref","theme","_ref2","text","_ref3","position","ContextMenuAlignment","TopLeft","css","BottomLeft","TopRight","BottomRight","undefined","StyledContextMenuContentItem","_ref4","StyledContextMenuContentItemIconWrapper","StyledContextMenuContentItemText"],"sources":["../../../../src/components/context-menu/context-menu-content/ContextMenuContent.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { ContextMenuAlignment } from '../constants/alignment';\n\ntype StyledMotionContextMenuContentProps = WithTheme<{\n    position: ContextMenuAlignment;\n}>;\n\nexport const StyledMotionContextMenuContent = styled(\n    motion.div\n)<StyledMotionContextMenuContentProps>`\n    background-color: ${({ theme }: StyledMotionContextMenuContentProps) => theme['001']};\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    border-radius: 3px;\n    box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);\n    color: ${({ theme }: StyledMotionContextMenuContentProps) => theme.text};\n    position: absolute;\n    z-index: 0;\n\n    ::after {\n        background-color: inherit;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        border-bottom-right-radius: 3px;\n        border-right: 1px solid rgba(0, 0, 0, 0.1);\n        box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);\n        content: '';\n        height: 14px;\n        position: absolute;\n        width: 14px;\n        z-index: -2;\n\n        ${({ position }) => {\n            switch (position) {\n                case ContextMenuAlignment.TopLeft:\n                    return css`\n                        bottom: -8px;\n                        right: 13px;\n                        transform: rotate(45deg);\n                    `;\n                case ContextMenuAlignment.BottomLeft:\n                    return css`\n                        top: -8px;\n                        right: 13px;\n                        transform: rotate(225deg);\n                    `;\n                case ContextMenuAlignment.TopRight:\n                    return css`\n                        transform: rotate(45deg);\n                        bottom: -8px;\n                        left: 13px;\n                    `;\n                case ContextMenuAlignment.BottomRight:\n                    return css`\n                        transform: rotate(225deg);\n                        top: -8px;\n                        left: 13px;\n                    `;\n                default:\n                    return undefined;\n            }\n        }}\n    }\n\n    ::before {\n        background-color: inherit;\n        bottom: 0;\n        content: '';\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        z-index: -1;\n    }\n`;\n\ntype StyledContextMenuContentItemProps = WithTheme<unknown>;\n\nexport const StyledContextMenuContentItem = styled.div<StyledContextMenuContentItemProps>`\n    cursor: pointer;\n    display: flex;\n    padding: 5px 8px 5px 5px;\n    transition: background-color 0.3s ease;\n\n    :hover {\n        background-color: ${({ theme }: StyledContextMenuContentItemProps) =>\n            theme['secondary-103']};\n    }\n`;\n\nexport const StyledContextMenuContentItemIconWrapper = styled.div`\n    flex: 0 0 auto;\n    margin: 0 8px 0 3px;\n    width: 20px;\n`;\n\nexport const StyledContextMenuContentItemText = styled.div`\n    flex: 0 0 auto;\n    white-space: nowrap;\n`;\n"],"mappings":"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"}

package/lib/components/date-info/DateInfo.d.ts

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+export type DateInfoProps = {
+    /**
+     * The date, that should be displayed
+     */
+    date: Date | string;
+    /**
+     * Additional text for "shouldShowDateToNowDifference" prop. Writes a text before the calculated time
+     */
+    preText?: string;
+    /**
+     * Adds the current year to the display
+     */
+    shouldShowThisYear?: boolean;
+    /**
+     * Adds the time to the display.
+     * NOTE: The time is display with german text
+     */
+    shouldShowTime?: boolean;
+    /**
+     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).
+     * NOTE: The text is only available in german
+     */
+    shouldShowRelativeDayOfWeek?: boolean;
+    /**
+     * Shortens the day and month text to maximum three digits
+     */
+    shouldUseShortText?: boolean;
+    /**
+     * Adds the day of week to the display
+     */
+    shouldShowDayOfWeek?: boolean;
+    /**
+     * Shows the difference from the date to now. The component handles updates itself.
+     * NOTE: This option is only available in german
+     */
+    shouldShowDateToNowDifference?: boolean;
+};
+declare const DateInfo: FC<DateInfoProps>;
+export default DateInfo;

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

@@ -0,0 +1,108 @@
+"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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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("span", null, preText.trim(), " ", formattedDateString), [formattedDateString, preText]);
+};
+DateInfo.displayName = 'DateInfo';
+var _default = exports.default = DateInfo;
+//# 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","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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            <span>\n                {preText.trim()} {formattedDateString}\n            </span>\n        ),\n        [formattedDateString, preText]\n    );\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAOA,IAAAI,SAAA,GAAAJ,OAAA;AAA+C,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAwC/C,MAAMY,QAA2B,GAAGC,IAAA,IAS9B;EAAA,IAT+B;IACjCC,IAAI;IACJC,OAAO,GAAG,EAAE;IACZC,kBAAkB;IAClBC,cAAc;IACdC,2BAA2B;IAC3BC,kBAAkB;IAClBC,mBAAmB;IACnBC;EACJ,CAAC,GAAAR,IAAA;EACG,MAAM,CAACS,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAIC,IAAI,CAACX,IAAI,CAAC,CAAC;EAClE,MAAM,CAACY,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAH,eAAQ,EAAS,EAAE,CAAC;EAC1E,MAAM,CAACI,QAAQ,CAAC,GAAG,IAAAJ,eAAQ,EAAC,IAAAK,qBAAW,EAAC,CAAC,CAAC;EAE1C,IAAAC,gBAAS,EAAC,MAAM;IACZ;IACA,IAAIT,6BAA6B,EAAE;MAC/B;IACJ;IAEA,IAAIU,sBAAsB,GAAG,IAAAC,6BAAqB,EAAC;MAC/CZ,mBAAmB;MACnBF,2BAA2B;MAC3BC,kBAAkB;MAClBL,IAAI,EAAEQ;IACV,CAAC,CAAC;IAEF,IAAIW,YAAY,GAAG,MAAM;IAEzBA,YAAY,IAAK,GAAE,IAAAC,sBAAc,EAAC;MAAEf;IAAmB,CAAC,CAAE,EAAC;IAE3Dc,YAAY,IAAK,GAAE,IAAAE,qBAAa,EAAC;MAC7BrB,IAAI,EAAEQ,aAAa;MACnBN;IACJ,CAAC,CAAE,EAAC;IAEJe,sBAAsB,IAAI,IAAAK,eAAM,EAACd,aAAa,EAAEW,YAAY,EAAE;MAAEI,MAAM,EAAET;IAAS,CAAC,CAAC;IAEnFG,sBAAsB,IAAI,IAAAO,wBAAgB,EAAC;MAAExB,IAAI,EAAEQ,aAAa;MAAEL;IAAe,CAAC,CAAC;IAEnFU,sBAAsB,CAACI,sBAAsB,CAAC;EAClD,CAAC,EAAE,CACCjB,IAAI,EACJQ,aAAa,EACbM,QAAQ,EACRP,6BAA6B,EAC7BD,mBAAmB,EACnBF,2BAA2B,EAC3BF,kBAAkB,EAClBC,cAAc,EACdE,kBAAkB,CACrB,CAAC;;EAEF;EACA,MAAM,CAACoB,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAhB,eAAQ,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAE1D,IAAAK,gBAAS,EAAC,MAAM;IACZ;IACA,IAAI,CAACT,6BAA6B,EAAE;MAChC,OAAO,MAAM,CAAC,CAAC;IACnB;IAEA,IAAIoB,WAAW,GAAGnB,aAAa,CAACoB,UAAU,CAAC,CAAC,GAAG,IAAIjB,IAAI,CAAC,CAAC,CAACiB,UAAU,CAAC,CAAC;;IAEtE;IACA,IAAID,WAAW,GAAG,CAAC,EAAE;MACjBA,WAAW,GAAG,EAAE,GAAG,IAAIhB,IAAI,CAAC,CAAC,CAACiB,UAAU,CAAC,CAAC,GAAGpB,aAAa,CAACoB,UAAU,CAAC,CAAC;IAC3E;;IAEA;IACA,IAAIC,YAAY,GAAGrB,aAAa,CAACsB,OAAO,CAAC,CAAC,GAAGL,WAAW,CAACK,OAAO,CAAC,CAAC;;IAElE;IACA,IAAI,IAAAC,eAAM,EAACvB,aAAa,CAAC,EAAE;MACvBqB,YAAY,GAAGJ,WAAW,CAACK,OAAO,CAAC,CAAC,GAAGtB,aAAa,CAACsB,OAAO,CAAC,CAAC;IAClE;;IAEA;IACA,IAAID,YAAY,GAAG,KAAK,EAAE;MACtBF,WAAW,GAAG,CAAC;IACnB;;IAEA;IACAA,WAAW,GAAGK,IAAI,CAACC,GAAG,CAACN,WAAW,GAAG,IAAI,EAAE,IAAI,CAAC;IAEhD,MAAMO,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC7BT,cAAc,CAAC,IAAIf,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC,EAAEgB,WAAW,CAAC;IAEf,OAAO,MAAM;MACTS,YAAY,CAACF,OAAO,CAAC;IACzB,CAAC;EACL,CAAC,EAAE,CAACT,WAAW,EAAEzB,IAAI,EAAEQ,aAAa,EAAED,6BAA6B,CAAC,CAAC;EAErE,IAAAS,gBAAS,EAAC,MAAM;IACZ;IACA,IAAIT,6BAA6B,EAAE;MAC/BM,sBAAsB,CAAC,IAAAwB,sBAAc,EAAC;QAAErC,IAAI,EAAEQ,aAAa;QAAEiB;MAAY,CAAC,CAAC,CAAC;IAChF;EACJ,CAAC,EAAE,CAACA,WAAW,EAAEzB,IAAI,EAAEQ,aAAa,EAAED,6BAA6B,CAAC,CAAC;EAErE,IAAAS,gBAAS,EAAC,MAAM;IACZP,gBAAgB,CAAC,IAAIE,IAAI,CAACX,IAAI,CAAC,CAAC;EACpC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,OAAO,IAAAsC,cAAO,EACV,mBACIjE,MAAA,CAAAU,OAAA,CAAAwD,aAAA,eACKtC,OAAO,CAACuC,IAAI,CAAC,CAAC,EAAC,GAAC,EAAC5B,mBAChB,CACT,EACD,CAACA,mBAAmB,EAAEX,OAAO,CACjC,CAAC;AACL,CAAC;AAEDH,QAAQ,CAAC2C,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5D,OAAA,GAEnBe,QAAQ"}

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,287 @@
+"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 = exports.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;
+}({});
+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;