@contentful/f36-datetime 4.0.1-beta.2590 → 4.0.1-beta.2595
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +16 -16
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -1
- package/package.json +4 -4
package/dist/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var $iSxHR$react = require("react");
|
|
2
1
|
var $iSxHR$reactjsxruntime = require("react/jsx-runtime");
|
|
2
|
+
var $iSxHR$react = require("react");
|
|
3
3
|
var $iSxHR$dayjs = require("dayjs");
|
|
4
4
|
var $iSxHR$dayjspluginutc = require("dayjs/plugin/utc");
|
|
5
5
|
var $iSxHR$dayjspluginrelativeTime = require("dayjs/plugin/relativeTime");
|
|
@@ -20,7 +20,7 @@ $parcel$export(module.exports, "formatMachineReadableDateTime", () => $fe3d2807f
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjspluginutc));
|
|
23
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjspluginutc)));
|
|
24
24
|
function $fe3d2807f48471b7$export$de4eb09f10f9c95e(date, format = 'full') {
|
|
25
25
|
let template;
|
|
26
26
|
switch(format){
|
|
@@ -36,7 +36,7 @@ function $fe3d2807f48471b7$export$de4eb09f10f9c95e(date, format = 'full') {
|
|
|
36
36
|
default:
|
|
37
37
|
template = 'ddd, DD MMM YYYY [at] h:mm A';
|
|
38
38
|
}
|
|
39
|
-
return $parcel$interopDefault($iSxHR$dayjs)(date).format(template);
|
|
39
|
+
return ($parcel$interopDefault($iSxHR$dayjs))(date).format(template);
|
|
40
40
|
}
|
|
41
41
|
function $fe3d2807f48471b7$export$5fb913e47d486079(date, format = 'full') {
|
|
42
42
|
let template;
|
|
@@ -53,7 +53,7 @@ function $fe3d2807f48471b7$export$5fb913e47d486079(date, format = 'full') {
|
|
|
53
53
|
default:
|
|
54
54
|
template = 'YYYY-MM-DDTHH:mm:ss.SSS[Z]';
|
|
55
55
|
}
|
|
56
|
-
return $parcel$interopDefault($iSxHR$dayjs)(date).utc().format(template);
|
|
56
|
+
return ($parcel$interopDefault($iSxHR$dayjs))(date).utc().format(template);
|
|
57
57
|
}
|
|
58
58
|
const $fe3d2807f48471b7$export$3ae94a2503e890a1 = (date)=>{
|
|
59
59
|
return $fe3d2807f48471b7$export$de4eb09f10f9c95e(date, 'day');
|
|
@@ -69,17 +69,17 @@ const $fe3d2807f48471b7$export$b89623867a65b725 = (date)=>{
|
|
|
69
69
|
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjspluginutc));
|
|
73
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjspluginrelativeTime));
|
|
74
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjsplugincalendar));
|
|
72
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjspluginutc)));
|
|
73
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjspluginrelativeTime)));
|
|
74
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjsplugincalendar)));
|
|
75
75
|
function $4e7e5146bc048e19$export$68534c3ecebfa124(date, baseDate = new Date()) {
|
|
76
|
-
return $parcel$interopDefault($iSxHR$dayjs)(date).from(baseDate);
|
|
76
|
+
return ($parcel$interopDefault($iSxHR$dayjs))(date).from(baseDate);
|
|
77
77
|
}
|
|
78
78
|
function $4e7e5146bc048e19$export$aa1a2def90bfd930(date, baseDate = new Date()) {
|
|
79
|
-
const isToday = $parcel$interopDefault($iSxHR$dayjs)(date).isSame(baseDate, 'day');
|
|
79
|
+
const isToday = ($parcel$interopDefault($iSxHR$dayjs))(date).isSame(baseDate, 'day');
|
|
80
80
|
if (!isToday) // if the date is not today, we display it with "Yesterday", "Tomorrow", etc.
|
|
81
81
|
// and if the date is not in the current week then it will display "17 Aug 2021"
|
|
82
|
-
return $parcel$interopDefault($iSxHR$dayjs)(date).calendar(baseDate, {
|
|
82
|
+
return ($parcel$interopDefault($iSxHR$dayjs))(date).calendar(baseDate, {
|
|
83
83
|
sameElse: 'DD MMM YYYY'
|
|
84
84
|
});
|
|
85
85
|
// returns "... ago"
|
|
@@ -98,7 +98,7 @@ const $13381b54cf631358$var$_DateTime = ({ date: date , format: format = 'full'
|
|
|
98
98
|
children: $fe3d2807f48471b7$export$de4eb09f10f9c95e(date, format)
|
|
99
99
|
}));
|
|
100
100
|
};
|
|
101
|
-
const $13381b54cf631358$export$82f9ebd9adeba146 = /*#__PURE__*/ $parcel$interopDefault($iSxHR$react).forwardRef($13381b54cf631358$var$_DateTime);
|
|
101
|
+
const $13381b54cf631358$export$82f9ebd9adeba146 = /*#__PURE__*/ ($parcel$interopDefault($iSxHR$react)).forwardRef($13381b54cf631358$var$_DateTime);
|
|
102
102
|
|
|
103
103
|
|
|
104
104
|
|
|
@@ -108,13 +108,13 @@ const $13381b54cf631358$export$82f9ebd9adeba146 = /*#__PURE__*/ $parcel$interopD
|
|
|
108
108
|
|
|
109
109
|
|
|
110
110
|
|
|
111
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjspluginutc));
|
|
112
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjspluginrelativeTime));
|
|
113
|
-
$parcel$interopDefault($iSxHR$dayjs).extend($parcel$interopDefault($iSxHR$dayjsplugincalendar));
|
|
111
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjspluginutc)));
|
|
112
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjspluginrelativeTime)));
|
|
113
|
+
($parcel$interopDefault($iSxHR$dayjs)).extend(($parcel$interopDefault($iSxHR$dayjsplugincalendar)));
|
|
114
114
|
const $186742b7428c62f4$var$_RelativeDateTime = ({ date: date , baseDate: baseDate , isRelativeToCurrentWeek: isRelativeToCurrentWeek = false , testId: testId = 'cf-ui-relative-date-time' , ...otherProps }, ref)=>{
|
|
115
115
|
const now = new Date();
|
|
116
116
|
const referenceDate = baseDate !== null && baseDate !== void 0 ? baseDate : now;
|
|
117
|
-
const dayjsDate = $parcel$interopDefault($iSxHR$dayjs)(date);
|
|
117
|
+
const dayjsDate = ($parcel$interopDefault($iSxHR$dayjs))(date);
|
|
118
118
|
const machineReadableDate = $fe3d2807f48471b7$export$5fb913e47d486079(date);
|
|
119
119
|
let relativeDate;
|
|
120
120
|
if (isRelativeToCurrentWeek && !dayjsDate.isSame(referenceDate, 'day')) /**
|
|
@@ -133,7 +133,7 @@ const $186742b7428c62f4$var$_RelativeDateTime = ({ date: date , baseDate: baseDa
|
|
|
133
133
|
children: relativeDate
|
|
134
134
|
}));
|
|
135
135
|
};
|
|
136
|
-
const $186742b7428c62f4$export$6de14fd95adb1c8a = /*#__PURE__*/ $parcel$interopDefault($iSxHR$react).forwardRef($186742b7428c62f4$var$_RelativeDateTime);
|
|
136
|
+
const $186742b7428c62f4$export$6de14fd95adb1c8a = /*#__PURE__*/ ($parcel$interopDefault($iSxHR$react)).forwardRef($186742b7428c62f4$var$_RelativeDateTime);
|
|
137
137
|
|
|
138
138
|
|
|
139
139
|
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/components/datetime/src/index.ts","packages/components/datetime/src/DateTime.tsx","packages/components/datetime/src/utils/index.ts","packages/components/datetime/src/utils/formatDateTimeUtils.ts","packages/components/datetime/src/utils/relativeDateTimeUtils.ts","packages/components/datetime/src/RelativeDateTime.tsx"],"sourcesContent":["export { DateTime } from './DateTime';\nexport type { DateTimeProps } from './DateTime';\nexport { RelativeDateTime } from './RelativeDateTime';\nexport type { RelativeDateTimeProps } from './RelativeDateTime';\nexport { formatDateAndTime, formatMachineReadableDateTime } from './utils';\n","import React from 'react';\nimport {\n CommonProps,\n PropsWithHTMLElement,\n ExpandProps,\n} from '@contentful/f36-core';\n\nimport type { DateType, DateFormat } from '../types';\nimport { formatDateAndTime, formatMachineReadableDateTime } from './utils';\n\ninterface DateTimeOwnProps extends CommonProps {\n /**\n * The date that will be displayed. It accepts a JS Date, an ISO8601 Timestamp string, or Unix Epoch Milliseconds number\n */\n date: DateType;\n /**\n * The format in which the date will be presented\n *\n * @default full\n **/\n format?: DateFormat;\n}\n\nexport type DateTimeProps = PropsWithHTMLElement<DateTimeOwnProps, 'time'>;\n\nconst _DateTime = (\n {\n date,\n format = 'full',\n testId = 'cf-ui-date-time',\n ...otherProps\n }: ExpandProps<DateTimeProps>,\n ref: React.Ref<HTMLTimeElement>,\n) => {\n const machineReadableDate = formatMachineReadableDateTime(date);\n\n return (\n <time\n dateTime={machineReadableDate}\n data-test-id={testId}\n {...otherProps}\n ref={ref}\n >\n {formatDateAndTime(date, format)}\n </time>\n );\n};\n\n/**\n * The DateTime component will format a date to a human friendly format and wrap it in a `<time>` tag\n */\nexport const DateTime = React.forwardRef(_DateTime);\n","export {\n formatDateAndTime,\n formatMachineReadableDateTime,\n formatDate,\n formatTime,\n formatWeekdayDate,\n} from './formatDateTimeUtils';\n\nexport {\n formatRelativeDateTime,\n formatRelativeToCurrentWeekDateTime,\n} from './relativeDateTimeUtils';\n","import dayjs from 'dayjs';\nimport utcPlugin from 'dayjs/plugin/utc';\ndayjs.extend(utcPlugin);\n\nimport type { DateType, DateFormat } from '../../types';\n\n/**\n * A funtion that will return a formatted date string. The format will dependend on the option\n * passed in the second argument.\n * By default, it will return a string with Forma 36’s \"full\" format (e.g. Tue, 17 Aug 2021 at 3:45 PM)\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} format - the desired format (\"full\", \"day\", \"weekday\", or \"time\")\n * @returns a formatted date\n *\n * @example\n * formatDateAndTime('2021-08-17T15:45:00') // returns \"Tue, 17 Aug 2021 at 3:45 PM\"\n *\n * @example\n * formatDateAndTime('2021-08-17T15:45:00', 'day') // returns \"17 Aug 2021\"\n */\nexport function formatDateAndTime(\n date: DateType,\n format: DateFormat = 'full',\n): string {\n let template: string;\n\n switch (format) {\n case 'day':\n template = 'DD MMM YYYY'; // 17 Aug 2021\n break;\n case 'weekday':\n template = 'ddd, DD MMM'; // Tue, 17 Aug\n break;\n case 'time':\n template = 'h:mm A'; // 3:45 PM\n break;\n default:\n template = 'ddd, DD MMM YYYY [at] h:mm A'; // Tue, 17 Aug 2021 at 3:45 PM\n }\n\n return dayjs(date).format(template);\n}\n\n/**\n * A funtion that will return a machine-readable date string that should be passed to the `datetime` attribute of a `<time>` tag\n * By default, it will return a string with \"YYYY-MM-DDTHH:mm:ss.SSS[Z]\" format\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} format - the desired format (\"full\", \"day\", \"weekday\", or \"time\")\n * @returns a formatted date\n *\n * @example\n * formatMachineReadableDateTime(date) // returns 2019-08-13T10:00:00.000Z\n *\n * @example\n * formatMachineReadableDateTime(date, 'day') // returns 2019-08-13\n */\nexport function formatMachineReadableDateTime(\n date: DateType,\n format: DateFormat = 'full',\n): string {\n let template: string;\n\n switch (format) {\n case 'day':\n template = 'YYYY-MM-DD'; // 2019-08-24\n break;\n case 'weekday':\n template = 'MM-DD'; // 08-24\n break;\n case 'time':\n template = 'HH:mm:ss.SSS'; // 15:44:07.000\n break;\n default:\n template = 'YYYY-MM-DDTHH:mm:ss.SSS[Z]'; // 2019-08-24T15:44:07.000Z\n }\n\n return dayjs(date).utc().format(template);\n}\n\n/**\n * @example\n * > formatDate(date)\n * 13 Aug 2019\n */\nexport const formatDate = (date: DateType): string => {\n return formatDateAndTime(date, 'day');\n};\n\n/**\n * @example\n * > formatTime(date)\n * 8:00 AM\n */\nexport const formatTime = (date: DateType): string => {\n return formatDateAndTime(date, 'time');\n};\n\n/**\n * @example\n * > formatWeekdayDate(date)\n * Mon, 12 Aug\n */\nexport const formatWeekdayDate = (date: DateType): string => {\n return formatDateAndTime(date, 'weekday');\n};\n","import dayjs from 'dayjs';\nimport utcPlugin from 'dayjs/plugin/utc';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport calendarPlugin from 'dayjs/plugin/calendar';\ndayjs.extend(utcPlugin);\ndayjs.extend(relativeTime);\ndayjs.extend(calendarPlugin);\n\nimport type { DateType } from '../../types';\n\n/**\n * A function that will return a string with how far a given date is in the past or future,\n * using a baseDate as reference. If the baseDate is not passed, the function will use today as reference.\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} baseDate - the date that should be used as a reference (default is \"today\")\n * @returns a relative date\n *\n * @example\n * // Considering today as 18.08.2021\n * formatRelativeDateTime('2021-08-17T15:45:00') // returns \"a day ago\"\n *\n * @example\n * formatRelativeDateTime('2021-08-17T15:45:00', '2021-08-16') // returns \"in a day\"\n */\nexport function formatRelativeDateTime(\n date: DateType,\n baseDate: DateType = new Date(),\n) {\n return dayjs(date).from(baseDate);\n}\n\n/**\n * A function that formats a date relative to Today or to the `baseDate` if passed.\n * If the date is not today, it will return a string with \"Yesterday ...\", \"Tomorrow ...\", etc\n * If the date is not in the current week, it return a string with \"DD MMM YYYY\" format\n * If the date is today, it will return a string with \"... ago\" or \"in ...\"\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} baseDate - the date that should be used as a reference (default is \"today\")\n * @returns a relative date\n *\n * @example\n * // Considering today as 18.08.2021\n * formatRelativeToCurrentWeekDateTime('2021-08-17T15:45:00') // returns \"Yesterday at 3:45 PM\"\n *\n * @example\n * formatRelativeToCurrentWeekDateTime('2021-08-17T15:45:00', '2021-08-16') // returns \"Tomorrow at 3:45 PM\"\n */\nexport function formatRelativeToCurrentWeekDateTime(\n date: DateType,\n baseDate: DateType = new Date(),\n) {\n const isToday = dayjs(date).isSame(baseDate, 'day');\n\n if (!isToday) {\n // if the date is not today, we display it with \"Yesterday\", \"Tomorrow\", etc.\n // and if the date is not in the current week then it will display \"17 Aug 2021\"\n return dayjs(date).calendar(baseDate, {\n sameElse: 'DD MMM YYYY',\n });\n }\n\n // returns \"... ago\"\n return formatRelativeDateTime(date, baseDate);\n}\n","import React from 'react';\nimport {\n CommonProps,\n PropsWithHTMLElement,\n ExpandProps,\n} from '@contentful/f36-core';\n\nimport dayjs from 'dayjs';\nimport utcPlugin from 'dayjs/plugin/utc';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport calendarPlugin from 'dayjs/plugin/calendar';\ndayjs.extend(utcPlugin);\ndayjs.extend(relativeTime);\ndayjs.extend(calendarPlugin);\n\nimport type { DateType } from '../types';\nimport {\n formatMachineReadableDateTime,\n formatRelativeDateTime,\n formatRelativeToCurrentWeekDateTime,\n} from './utils';\n\ninterface RelativeDateTimeInternalProps extends CommonProps {\n /**\n * The date that will be displayed. It accepts a JS Date, an ISO8601 Timestamp string, or Unix Epoch Milliseconds number\n */\n date: DateType;\n /**\n * If a value is passed to baseDate, then the component will compare both dates and return the time between them.\n * If no value is passed then the date will be compared to \"now\"\n *\n * @default \"Now\"\n */\n baseDate?: DateType;\n /**\n * Sets the date to be relative only if it is in the current week\n * @default false\n */\n isRelativeToCurrentWeek?: boolean;\n}\n\nexport type RelativeDateTimeProps = PropsWithHTMLElement<\n RelativeDateTimeInternalProps,\n 'time'\n>;\n\nconst _RelativeDateTime = (\n {\n date,\n baseDate,\n isRelativeToCurrentWeek = false,\n testId = 'cf-ui-relative-date-time',\n ...otherProps\n }: ExpandProps<RelativeDateTimeProps>,\n ref: React.Ref<HTMLTimeElement>,\n) => {\n const now = new Date();\n const referenceDate = baseDate ?? now;\n const dayjsDate = dayjs(date);\n const machineReadableDate = formatMachineReadableDateTime(date);\n\n let relativeDate: string;\n\n if (isRelativeToCurrentWeek && !dayjsDate.isSame(referenceDate, 'day')) {\n /**\n * if isRelativeToCurrentWeek is true and the date is not today, we display the date with Yesterday, Tomorrow, etc\n * or, if the date is not in the current week, it displays \"17 Aug 2021\"\n *\n * check formatRelativeToCurrentWeekDateTime for more details\n */\n relativeDate = formatRelativeToCurrentWeekDateTime(date, referenceDate);\n } else {\n // otherwise we display it with \"... ago\" or \"in ...\" notation\n relativeDate = formatRelativeDateTime(date, referenceDate);\n }\n\n return (\n <time\n dateTime={machineReadableDate}\n data-test-id={testId}\n {...otherProps}\n ref={ref}\n >\n {relativeDate}\n </time>\n );\n};\n\n/**\n * The RelativeDateTime will show a `date` relative to \"now\" or to the `baseDate`\n * (e.g. in a day, in one month, one month ago, etc).\n */\nexport const RelativeDateTime = React.forwardRef(_RelativeDateTime);\n"],"names":["DateTime","DateTimeProps","RelativeDateTime","RelativeDateTimeProps","formatDateAndTime","formatMachineReadableDateTime","React","CommonProps","PropsWithHTMLElement","ExpandProps","DateType","DateFormat","DateTimeOwnProps","date","format","_DateTime","testId","otherProps","ref","Ref","HTMLTimeElement","machineReadableDate","forwardRef","formatDate","formatTime","formatWeekdayDate","formatRelativeDateTime","formatRelativeToCurrentWeekDateTime","dayjs","utcPlugin","extend","template","utc","relativeTime","calendarPlugin","baseDate","Date","from","isToday","isSame","calendar","sameElse","RelativeDateTimeInternalProps","isRelativeToCurrentWeek","_RelativeDateTime","now","referenceDate","dayjsDate","relativeDate"],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;AGEA4B,sCAAK,CAACE,MAAN,CAAaD,+CAAb;SAmBgBzB,yCAAT,CACLS,IADK,EAELC,MAAkB,GAAG,CAFhB,OAGG,CAHV;IAIE,GAAA,CAAIiB,QAAQ;IAEZ,MAAA,CAAQjB,MAAR;QACE,IAAA,CAAK,CAAL;YACEiB,QAAQ,GAAG,CAAX,aAA0B,CAA1BA,AAA0B,EAA1BA,AAA0B,YAA1BA;YACA,KAAA;QACF,IAAA,CAAK,CAAL;YACEA,QAAQ,GAAG,CAAX,aAA0B,CAA1BA,AAA0B,EAA1BA,AAA0B,YAA1BA;YACA,KAAA;QACF,IAAA,CAAK,CAAL;YACEA,QAAQ,GAAG,CAAX,QAAqB,CAArBA,AAAqB,EAArBA,AAAqB,QAArBA;YACA,KAAA;;YAEAA,QAAQ,GAAG,CAAX;;IAGJ,MAAA,CAAOH,sCAAK,CAACf,IAAD,EAAOC,MAAZ,CAAmBiB,QAAnB;AACR,CAAA;SAgBe1B,yCAAT,CACLQ,IADK,EAELC,MAAkB,GAAG,CAFhB,OAGG,CAHV;IAIE,GAAA,CAAIiB,QAAQ;IAEZ,MAAA,CAAQjB,MAAR;QACE,IAAA,CAAK,CAAL;YACEiB,QAAQ,GAAG,CAAX,YAAyB,CAAzBA,AAAyB,EAAzBA,AAAyB,WAAzBA;YACA,KAAA;QACF,IAAA,CAAK,CAAL;YACEA,QAAQ,GAAG,CAAX,OAAoB,CAApBA,AAAoB,EAApBA,AAAoB,MAApBA;YACA,KAAA;QACF,IAAA,CAAK,CAAL;YACEA,QAAQ,GAAG,CAAX,cAA2B,CAA3BA,AAA2B,EAA3BA,AAA2B,aAA3BA;YACA,KAAA;;YAEAA,QAAQ,GAAG,CAAX;;IAGJ,MAAA,CAAOH,sCAAK,CAACf,IAAD,EAAOmB,GAAZ,GAAkBlB,MAAlB,CAAyBiB,QAAzB;AACR,CAAA;AAOM,KAAA,CAAMR,yCAAU,IAAIV,IAAD,GAA4B,CAAtD;IACE,MAAA,CAAOT,yCAAiB,CAACS,IAAD,EAAO,CAAP;AACzB,CAFM;AASA,KAAA,CAAMW,yCAAU,IAAIX,IAAD,GAA4B,CAAtD;IACE,MAAA,CAAOT,yCAAiB,CAACS,IAAD,EAAO,CAAP;AACzB,CAFM;AASA,KAAA,CAAMY,yCAAiB,IAAIZ,IAAD,GAA4B,CAA7D;IACE,MAAA,CAAOT,yCAAiB,CAACS,IAAD,EAAO,CAAP;AACzB,CAFM;;;;;;ACpGPe,sCAAK,CAACE,MAAN,CAAaD,+CAAb;AACAD,sCAAK,CAACE,MAAN,CAAaG,wDAAb;AACAL,sCAAK,CAACE,MAAN,CAAaI,oDAAb;SAmBgBR,yCAAT,CACLb,IADK,EAELsB,QAAkB,GAAG,GAAA,CAAIC,IAAJ,IACrB,CAHF;IAIE,MAAA,CAAOR,sCAAK,CAACf,IAAD,EAAOwB,IAAZ,CAAiBF,QAAjB;AACR,CAAA;SAmBeR,yCAAT,CACLd,IADK,EAELsB,QAAkB,GAAG,GAAA,CAAIC,IAAJ,IACrB,CAHF;IAIE,KAAA,CAAME,OAAO,GAAGV,sCAAK,CAACf,IAAD,EAAO0B,MAAZ,CAAmBJ,QAAnB,EAA6B,CAA7B;IAEhB,EAAA,GAAKG,OAAL,EACE,EAAA,AAAA,2EAAA;IACA,EAAA,AAAA,8EAAA;IACA,MAAA,CAAOV,sCAAK,CAACf,IAAD,EAAO2B,QAAZ,CAAqBL,QAArB,EAA+B,CAAtC;QACEM,QAAQ,EAAE,CAAVA;IADoC,CAA/B;IAKT,CAFC,AAED,EAFC,AAED,kBAFC;IAGD,MAAA,CAAOf,yCAAsB,CAACb,IAAD,EAAOsB,QAAP;AAC9B,CAAA;;;;AHxCD,KAAA,CAAMpB,+BAAS,IACb,CADF,OAEIF,IADF,WAEEC,MAAM,GAAG,CAFX,gBAGEE,MAAM,GAAG,CAHX,sBAIKC,UAAH,CACY,CANE,EAOhBC,GAPgB,GAQb,CAPH;IAQA,KAAA,CAAMG,mBAAmB,GAAGhB,yCAA6B,CAACQ,IAAD;IAEzD,MAAA,0CACG,CAAD;QACE,QAAA,EAAUQ,mBAAD;QACT,CAAA,eAAcL,MAAD;WACTC,UAAJ;QACA,GAAA,EAAKC,GAAD;kBAEHd,yCAAiB,CAACS,IAAD,EAAOC,MAAP;;AAGvB,CArBD;AA0BO,KAAA,CAAMd,yCAAQ,iBAAGM,sCAAK,CAACgB,UAAN,CAAiBP,+BAAjB;;;;;;;;;;AIxCxBa,sCAAK,CAACE,MAAN,CAAaD,+CAAb;AACAD,sCAAK,CAACE,MAAN,CAAaG,wDAAb;AACAL,sCAAK,CAACE,MAAN,CAAaI,oDAAb;AAiCA,KAAA,CAAMU,uCAAiB,IACrB,CADF,OAEI/B,IADF,aAEEsB,QAFF,4BAGEQ,uBAAuB,GAAG,KAH5B,WAIE3B,MAAM,GAAG,CAJX,+BAKKC,UAAH,CACY,CAPU,EAQxBC,GARwB,GASrB,CARH;IASA,KAAA,CAAM2B,GAAG,GAAG,GAAA,CAAIT,IAAJ;IACZ,KAAA,CAAMU,aAAa,GAAGX,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIU,GAAlC;IACA,KAAA,CAAME,SAAS,GAAGnB,sCAAK,CAACf,IAAD;IACvB,KAAA,CAAMQ,mBAAmB,GAAGhB,yCAA6B,CAACQ,IAAD;IAEzD,GAAA,CAAImC,YAAY;IAEhB,EAAA,EAAIL,uBAAuB,KAAKI,SAAS,CAACR,MAAV,CAAiBO,aAAjB,EAAgC,CAAhC,OAC9B,EAKJ,AALI;;;;;KAKJ,AALI,EAKJ,CACIE,YAAY,GAAGrB,yCAAmC,CAACd,IAAD,EAAOiC,aAAP;SAElD,EAAA,AAAA,4DAAA;IACAE,YAAY,GAAGtB,yCAAsB,CAACb,IAAD,EAAOiC,aAAP;IAGvC,MAAA,0CACG,CAAD;QACE,QAAA,EAAUzB,mBAAD;QACT,CAAA,eAAcL,MAAD;WACTC,UAAJ;QACA,GAAA,EAAKC,GAAD;kBAEH8B,YAAD;;AAGL,CAxCD;AA8CO,KAAA,CAAM9C,yCAAgB,iBAAGI,sCAAK,CAACgB,UAAN,CAAiBsB,uCAAjB;;","sources":["packages/components/datetime/src/index.ts","packages/components/datetime/src/DateTime.tsx","packages/components/datetime/src/utils/index.ts","packages/components/datetime/src/utils/formatDateTimeUtils.ts","packages/components/datetime/src/utils/relativeDateTimeUtils.ts","packages/components/datetime/src/RelativeDateTime.tsx"],"sourcesContent":["export { DateTime } from './DateTime';\nexport type { DateTimeProps } from './DateTime';\nexport { RelativeDateTime } from './RelativeDateTime';\nexport type { RelativeDateTimeProps } from './RelativeDateTime';\nexport { formatDateAndTime, formatMachineReadableDateTime } from './utils';\n","import React from 'react';\nimport {\n CommonProps,\n PropsWithHTMLElement,\n ExpandProps,\n} from '@contentful/f36-core';\n\nimport type { DateType, DateFormat } from '../types';\nimport { formatDateAndTime, formatMachineReadableDateTime } from './utils';\n\ninterface DateTimeOwnProps extends CommonProps {\n /**\n * The date that will be displayed. It accepts a JS Date, an ISO8601 Timestamp string, or Unix Epoch Milliseconds number\n */\n date: DateType;\n /**\n * The format in which the date will be presented\n *\n * @default full\n **/\n format?: DateFormat;\n}\n\nexport type DateTimeProps = PropsWithHTMLElement<DateTimeOwnProps, 'time'>;\n\nconst _DateTime = (\n {\n date,\n format = 'full',\n testId = 'cf-ui-date-time',\n ...otherProps\n }: ExpandProps<DateTimeProps>,\n ref: React.Ref<HTMLTimeElement>,\n) => {\n const machineReadableDate = formatMachineReadableDateTime(date);\n\n return (\n <time\n dateTime={machineReadableDate}\n data-test-id={testId}\n {...otherProps}\n ref={ref}\n >\n {formatDateAndTime(date, format)}\n </time>\n );\n};\n\n/**\n * The DateTime component will format a date to a human friendly format and wrap it in a `<time>` tag\n */\nexport const DateTime = React.forwardRef(_DateTime);\n","export {\n formatDateAndTime,\n formatMachineReadableDateTime,\n formatDate,\n formatTime,\n formatWeekdayDate,\n} from './formatDateTimeUtils';\n\nexport {\n formatRelativeDateTime,\n formatRelativeToCurrentWeekDateTime,\n} from './relativeDateTimeUtils';\n","import dayjs from 'dayjs';\nimport utcPlugin from 'dayjs/plugin/utc';\ndayjs.extend(utcPlugin);\n\nimport type { DateType, DateFormat } from '../../types';\n\n/**\n * A funtion that will return a formatted date string. The format will dependend on the option\n * passed in the second argument.\n * By default, it will return a string with Forma 36’s \"full\" format (e.g. Tue, 17 Aug 2021 at 3:45 PM)\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} format - the desired format (\"full\", \"day\", \"weekday\", or \"time\")\n * @returns a formatted date\n *\n * @example\n * formatDateAndTime('2021-08-17T15:45:00') // returns \"Tue, 17 Aug 2021 at 3:45 PM\"\n *\n * @example\n * formatDateAndTime('2021-08-17T15:45:00', 'day') // returns \"17 Aug 2021\"\n */\nexport function formatDateAndTime(\n date: DateType,\n format: DateFormat = 'full',\n): string {\n let template: string;\n\n switch (format) {\n case 'day':\n template = 'DD MMM YYYY'; // 17 Aug 2021\n break;\n case 'weekday':\n template = 'ddd, DD MMM'; // Tue, 17 Aug\n break;\n case 'time':\n template = 'h:mm A'; // 3:45 PM\n break;\n default:\n template = 'ddd, DD MMM YYYY [at] h:mm A'; // Tue, 17 Aug 2021 at 3:45 PM\n }\n\n return dayjs(date).format(template);\n}\n\n/**\n * A funtion that will return a machine-readable date string that should be passed to the `datetime` attribute of a `<time>` tag\n * By default, it will return a string with \"YYYY-MM-DDTHH:mm:ss.SSS[Z]\" format\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} format - the desired format (\"full\", \"day\", \"weekday\", or \"time\")\n * @returns a formatted date\n *\n * @example\n * formatMachineReadableDateTime(date) // returns 2019-08-13T10:00:00.000Z\n *\n * @example\n * formatMachineReadableDateTime(date, 'day') // returns 2019-08-13\n */\nexport function formatMachineReadableDateTime(\n date: DateType,\n format: DateFormat = 'full',\n): string {\n let template: string;\n\n switch (format) {\n case 'day':\n template = 'YYYY-MM-DD'; // 2019-08-24\n break;\n case 'weekday':\n template = 'MM-DD'; // 08-24\n break;\n case 'time':\n template = 'HH:mm:ss.SSS'; // 15:44:07.000\n break;\n default:\n template = 'YYYY-MM-DDTHH:mm:ss.SSS[Z]'; // 2019-08-24T15:44:07.000Z\n }\n\n return dayjs(date).utc().format(template);\n}\n\n/**\n * @example\n * > formatDate(date)\n * 13 Aug 2019\n */\nexport const formatDate = (date: DateType): string => {\n return formatDateAndTime(date, 'day');\n};\n\n/**\n * @example\n * > formatTime(date)\n * 8:00 AM\n */\nexport const formatTime = (date: DateType): string => {\n return formatDateAndTime(date, 'time');\n};\n\n/**\n * @example\n * > formatWeekdayDate(date)\n * Mon, 12 Aug\n */\nexport const formatWeekdayDate = (date: DateType): string => {\n return formatDateAndTime(date, 'weekday');\n};\n","import dayjs from 'dayjs';\nimport utcPlugin from 'dayjs/plugin/utc';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport calendarPlugin from 'dayjs/plugin/calendar';\ndayjs.extend(utcPlugin);\ndayjs.extend(relativeTime);\ndayjs.extend(calendarPlugin);\n\nimport type { DateType } from '../../types';\n\n/**\n * A function that will return a string with how far a given date is in the past or future,\n * using a baseDate as reference. If the baseDate is not passed, the function will use today as reference.\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} baseDate - the date that should be used as a reference (default is \"today\")\n * @returns a relative date\n *\n * @example\n * // Considering today as 18.08.2021\n * formatRelativeDateTime('2021-08-17T15:45:00') // returns \"a day ago\"\n *\n * @example\n * formatRelativeDateTime('2021-08-17T15:45:00', '2021-08-16') // returns \"in a day\"\n */\nexport function formatRelativeDateTime(\n date: DateType,\n baseDate: DateType = new Date(),\n) {\n return dayjs(date).from(baseDate);\n}\n\n/**\n * A function that formats a date relative to Today or to the `baseDate` if passed.\n * If the date is not today, it will return a string with \"Yesterday ...\", \"Tomorrow ...\", etc\n * If the date is not in the current week, it return a string with \"DD MMM YYYY\" format\n * If the date is today, it will return a string with \"... ago\" or \"in ...\"\n *\n * @param {DateType} date - the date to be formatted\n * @param {DateFormat} baseDate - the date that should be used as a reference (default is \"today\")\n * @returns a relative date\n *\n * @example\n * // Considering today as 18.08.2021\n * formatRelativeToCurrentWeekDateTime('2021-08-17T15:45:00') // returns \"Yesterday at 3:45 PM\"\n *\n * @example\n * formatRelativeToCurrentWeekDateTime('2021-08-17T15:45:00', '2021-08-16') // returns \"Tomorrow at 3:45 PM\"\n */\nexport function formatRelativeToCurrentWeekDateTime(\n date: DateType,\n baseDate: DateType = new Date(),\n) {\n const isToday = dayjs(date).isSame(baseDate, 'day');\n\n if (!isToday) {\n // if the date is not today, we display it with \"Yesterday\", \"Tomorrow\", etc.\n // and if the date is not in the current week then it will display \"17 Aug 2021\"\n return dayjs(date).calendar(baseDate, {\n sameElse: 'DD MMM YYYY',\n });\n }\n\n // returns \"... ago\"\n return formatRelativeDateTime(date, baseDate);\n}\n","import React from 'react';\nimport {\n CommonProps,\n PropsWithHTMLElement,\n ExpandProps,\n} from '@contentful/f36-core';\n\nimport dayjs from 'dayjs';\nimport utcPlugin from 'dayjs/plugin/utc';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport calendarPlugin from 'dayjs/plugin/calendar';\ndayjs.extend(utcPlugin);\ndayjs.extend(relativeTime);\ndayjs.extend(calendarPlugin);\n\nimport type { DateType } from '../types';\nimport {\n formatMachineReadableDateTime,\n formatRelativeDateTime,\n formatRelativeToCurrentWeekDateTime,\n} from './utils';\n\ninterface RelativeDateTimeInternalProps extends CommonProps {\n /**\n * The date that will be displayed. It accepts a JS Date, an ISO8601 Timestamp string, or Unix Epoch Milliseconds number\n */\n date: DateType;\n /**\n * If a value is passed to baseDate, then the component will compare both dates and return the time between them.\n * If no value is passed then the date will be compared to \"now\"\n *\n * @default \"Now\"\n */\n baseDate?: DateType;\n /**\n * Sets the date to be relative only if it is in the current week\n * @default false\n */\n isRelativeToCurrentWeek?: boolean;\n}\n\nexport type RelativeDateTimeProps = PropsWithHTMLElement<\n RelativeDateTimeInternalProps,\n 'time'\n>;\n\nconst _RelativeDateTime = (\n {\n date,\n baseDate,\n isRelativeToCurrentWeek = false,\n testId = 'cf-ui-relative-date-time',\n ...otherProps\n }: ExpandProps<RelativeDateTimeProps>,\n ref: React.Ref<HTMLTimeElement>,\n) => {\n const now = new Date();\n const referenceDate = baseDate ?? now;\n const dayjsDate = dayjs(date);\n const machineReadableDate = formatMachineReadableDateTime(date);\n\n let relativeDate: string;\n\n if (isRelativeToCurrentWeek && !dayjsDate.isSame(referenceDate, 'day')) {\n /**\n * if isRelativeToCurrentWeek is true and the date is not today, we display the date with Yesterday, Tomorrow, etc\n * or, if the date is not in the current week, it displays \"17 Aug 2021\"\n *\n * check formatRelativeToCurrentWeekDateTime for more details\n */\n relativeDate = formatRelativeToCurrentWeekDateTime(date, referenceDate);\n } else {\n // otherwise we display it with \"... ago\" or \"in ...\" notation\n relativeDate = formatRelativeDateTime(date, referenceDate);\n }\n\n return (\n <time\n dateTime={machineReadableDate}\n data-test-id={testId}\n {...otherProps}\n ref={ref}\n >\n {relativeDate}\n </time>\n );\n};\n\n/**\n * The RelativeDateTime will show a `date` relative to \"now\" or to the `baseDate`\n * (e.g. in a day, in one month, one month ago, etc).\n */\nexport const RelativeDateTime = React.forwardRef(_RelativeDateTime);\n"],"names":["DateTime","DateTimeProps","RelativeDateTime","RelativeDateTimeProps","formatDateAndTime","formatMachineReadableDateTime","React","CommonProps","PropsWithHTMLElement","ExpandProps","DateType","DateFormat","DateTimeOwnProps","date","format","_DateTime","testId","otherProps","ref","Ref","HTMLTimeElement","machineReadableDate","forwardRef","formatDate","formatTime","formatWeekdayDate","formatRelativeDateTime","formatRelativeToCurrentWeekDateTime","dayjs","utcPlugin","extend","template","utc","relativeTime","calendarPlugin","baseDate","Date","from","isToday","isSame","calendar","sameElse","RelativeDateTimeInternalProps","isRelativeToCurrentWeek","_RelativeDateTime","now","referenceDate","dayjsDate","relativeDate"],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import $fUYts$react from "react";
|
|
2
1
|
import {jsx as $fUYts$jsx} from "react/jsx-runtime";
|
|
2
|
+
import $fUYts$react from "react";
|
|
3
3
|
import $fUYts$dayjs from "dayjs";
|
|
4
4
|
import $fUYts$dayjspluginutc from "dayjs/plugin/utc";
|
|
5
5
|
import $fUYts$dayjspluginrelativeTime from "dayjs/plugin/relativeTime";
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/f36-datetime",
|
|
3
|
-
"version": "4.0.1-beta.
|
|
3
|
+
"version": "4.0.1-beta.2595+7499852fef",
|
|
4
4
|
"description": "Forma 36: DateTime component",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "parcel build"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"@babel/runtime": "^7.6.2",
|
|
10
|
-
"@contentful/f36-core": "4.0.1-beta.
|
|
11
|
-
"@contentful/f36-tokens": "4.0.1-beta.
|
|
10
|
+
"@contentful/f36-core": "4.0.1-beta.2595+7499852fef",
|
|
11
|
+
"@contentful/f36-tokens": "4.0.1-beta.2595+7499852fef",
|
|
12
12
|
"dayjs": "^1.10.6",
|
|
13
13
|
"emotion": "^10.0.17"
|
|
14
14
|
},
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"publishConfig": {
|
|
33
33
|
"access": "public"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "7499852fef1921bc0636f4d544fde90ae91cb05c"
|
|
36
36
|
}
|