@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/TimeAgo/formatUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/formatUtils.js"],"names":["dayjs","calendar","duration","localeData","localizedFormat","relativeTime","updateLocale","thresholds","l","r","d","extend","secondsUntilNextDay","date","Date","midnight","getTime","setDate","getDate","setHours","setMinutes","setSeconds","setMilliseconds","secondsUntilNextWeek","firstMonthDayOfWeek","getDay","firstMonthDayOfNextWeek","firstDayNextWeek","formatTimeAgo","locale","showSeconds","referenceDate","dayReferenceDate","dayDate","dayDiffSeconds","diff","formatUseSeconds","timeAgo","format","delay","humanize","dayDiffMinutes","isSame","subtract"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,UAAP,MAAuB,yBAAvB;AACA,OAAOC,eAAP,MAA4B,8BAA5B;AACA,OAAOC,YAAP,MAAyB,2BAAzB;AACA,OAAOC,YAAP,MAAyB,2BAAzB;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,UAAU,GAAG,CACjB;AAAEC,EAAAA,CAAC,EAAE,GAAL;AAAUC,EAAAA,CAAC,EAAE,GAAb;AAAkBC,EAAAA,CAAC,EAAE;AAArB,CADiB,EAEjB;AAAEF,EAAAA,CAAC,EAAE,GAAL;AAAUC,EAAAA,CAAC,EAAE;AAAb,CAFiB,EAGjB;AAAED,EAAAA,CAAC,EAAE,IAAL;AAAWC,EAAAA,CAAC,EAAE,EAAd;AAAkBC,EAAAA,CAAC,EAAE;AAArB,CAHiB,EAIjB;AAAEF,EAAAA,CAAC,EAAE,GAAL;AAAUC,EAAAA,CAAC,EAAE;AAAb,CAJiB,EAKjB;AAAED,EAAAA,CAAC,EAAE,IAAL;AAAWC,EAAAA,CAAC,EAAE,EAAd;AAAkBC,EAAAA,CAAC,EAAE;AAArB,CALiB,EAMjB;AAAEF,EAAAA,CAAC,EAAE,GAAL;AAAUC,EAAAA,CAAC,EAAE;AAAb,CANiB,EAOjB;AAAED,EAAAA,CAAC,EAAE,IAAL;AAAWC,EAAAA,CAAC,EAAE,EAAd;AAAkBC,EAAAA,CAAC,EAAE;AAArB,CAPiB,EAQjB;AAAEF,EAAAA,CAAC,EAAE,GAAL;AAAUC,EAAAA,CAAC,EAAE;AAAb,CARiB,EASjB;AAAED,EAAAA,CAAC,EAAE,IAAL;AAAWC,EAAAA,CAAC,EAAE,EAAd;AAAkBC,EAAAA,CAAC,EAAE;AAArB,CATiB,EAUjB;AAAEF,EAAAA,CAAC,EAAE,GAAL;AAAUC,EAAAA,CAAC,EAAE;AAAb,CAViB,EAWjB;AAAED,EAAAA,CAAC,EAAE,IAAL;AAAWE,EAAAA,CAAC,EAAE;AAAd,CAXiB,CAAnB;AAcAV,KAAK,CAACW,MAAN,CAAaR,UAAb;AACAH,KAAK,CAACW,MAAN,CAAaT,QAAb;AACAF,KAAK,CAACW,MAAN,CAAaV,QAAb;AACAD,KAAK,CAACW,MAAN,CAAaP,eAAb;AACAJ,KAAK,CAACW,MAAN,CAAaN,YAAb,EAA2B;AAAEE,EAAAA;AAAF,CAA3B;AACAP,KAAK,CAACW,MAAN,CAAaL,YAAb;AAEA,OAAO,MAAMM,mBAAmB,GAAG,CAACC,IAAI,GAAG,IAAIC,IAAJ,EAAR,KAAuB;AACxD,QAAMC,QAAQ,GAAG,IAAID,IAAJ,CAASD,IAAI,CAACG,OAAL,EAAT,CAAjB;AAEAD,EAAAA,QAAQ,CAACE,OAAT,CAAiBF,QAAQ,CAACG,OAAT,KAAqB,CAAtC;AACAH,EAAAA,QAAQ,CAACI,QAAT,CAAkB,CAAlB;AACAJ,EAAAA,QAAQ,CAACK,UAAT,CAAoB,CAApB;AACAL,EAAAA,QAAQ,CAACM,UAAT,CAAoB,CAApB;AACAN,EAAAA,QAAQ,CAACO,eAAT,CAAyB,CAAzB;AAEA,SAAO,CAACP,QAAQ,CAACC,OAAT,KAAqBH,IAAI,CAACG,OAAL,EAAtB,IAAwC,IAA/C;AACD,CAVM;;AAYP,MAAMO,oBAAoB,GAAG,CAACV,IAAI,GAAG,IAAIC,IAAJ,EAAR,KAAuB;AAClD,QAAMU,mBAAmB,GAAGX,IAAI,CAACK,OAAL,KAAiBL,IAAI,CAACY,MAAL,EAA7C;AACA,QAAMC,uBAAuB,GAAGF,mBAAmB,GAAG,CAAtD,CAFkD,CAEO;;AAEzD,QAAMG,gBAAgB,GAAG,IAAIb,IAAJ,CAASD,IAAI,CAACG,OAAL,EAAT,CAAzB;AAEAW,EAAAA,gBAAgB,CAACV,OAAjB,CAAyBS,uBAAzB;AACAC,EAAAA,gBAAgB,CAACR,QAAjB,CAA0B,CAA1B;AACAQ,EAAAA,gBAAgB,CAACP,UAAjB,CAA4B,CAA5B;AACAO,EAAAA,gBAAgB,CAACN,UAAjB,CAA4B,CAA5B;AACAM,EAAAA,gBAAgB,CAACL,eAAjB,CAAiC,CAAjC;AAEA,SAAO,CAACK,gBAAgB,CAACX,OAAjB,KAA6BH,IAAI,CAACG,OAAL,EAA9B,IAAgD,IAAvD;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMY,aAAa,GAAG,CAACf,IAAD,EAAOgB,MAAP,EAAeC,WAAW,GAAG,KAA7B,EAAoCC,aAAa,GAAG,IAAIjB,IAAJ,EAApD,KAAmE;AAC9F,QAAMkB,gBAAgB,GAAGhC,KAAK,CAAC+B,aAAD,CAA9B;AACA,QAAME,OAAO,GAAGjC,KAAK,CAACa,IAAD,CAAL,CAAYgB,MAAZ,CAAmBA,MAAnB,CAAhB;AAEA,QAAMK,cAAc,GAAGF,gBAAgB,CAACG,IAAjB,CAAsBF,OAAtB,EAA+B,QAA/B,CAAvB;AAEA,QAAMG,gBAAgB,GAAGN,WAAW,GAAG,KAAH,GAAW,IAA/C,CAN8F,CAQ9F;;AACA,MAAIjB,IAAI,CAACG,OAAL,KAAiBe,aAAa,CAACf,OAAd,EAArB,EAA8C;AAC5C,WAAO;AACLqB,MAAAA,OAAO,EAAEJ,OAAO,CAACK,MAAR,CAAgB,KAAIF,gBAAiB,EAArC,CADJ;AAELG,MAAAA,KAAK,EAAE,CAAC1B,IAAI,CAACG,OAAL,KAAiBe,aAAa,CAACf,OAAd,EAAlB,IAA6C;AAF/C,KAAP;AAID,GAd6F,CAgB9F;;;AACA,MAAIkB,cAAc,GAAG,GAArB,EAA0B;AACxB,WAAO;AACLG,MAAAA,OAAO,EAAErC,KAAK,CAACE,QAAN,CAAegC,cAAf,EAA+B,QAA/B,EAAyCL,MAAzC,CAAgDA,MAAhD,EAAwDW,QAAxD,EADJ;AAELD,MAAAA,KAAK,EAAE,MAAML;AAFR,KAAP;AAID,GAtB6F,CAwB9F;;;AACA,QAAMO,cAAc,GAAGT,gBAAgB,CAACG,IAAjB,CAAsBF,OAAtB,EAA+B,QAA/B,CAAvB;;AAEA,MAAIQ,cAAc,GAAG,EAArB,EAAyB;AACvB,WAAO;AACLJ,MAAAA,OAAO,EAAErC,KAAK,CAACE,QAAN,CAAe,CAACuC,cAAhB,EAAgC,QAAhC,EAA0CZ,MAA1C,CAAiDA,MAAjD,EAAyDW,QAAzD,CAAkE,IAAlE,CADJ;AAELD,MAAAA,KAAK,EAAE,MAAME,cAAc,GAAG,CAAvB,IAA4BP;AAF9B,KAAP;AAID,GAhC6F,CAkC9F;;;AACA,MAAIF,gBAAgB,CAACU,MAAjB,CAAwBT,OAAxB,EAAiC,KAAjC,CAAJ,EAA6C;AAC3C,WAAO;AACLI,MAAAA,OAAO,EAAG,GAAEJ,OAAO,CAAChC,QAAR,CAAiB+B,gBAAjB,CAAmC,EAD1C;AAELO,MAAAA,KAAK,EAAE3B,mBAAmB,CAACmB,aAAD;AAFrB,KAAP;AAID,GAxC6F,CA0C9F;;;AACA,MAAIC,gBAAgB,CAACW,QAAjB,CAA0B,CAA1B,EAA6B,KAA7B,EAAoCD,MAApC,CAA2CT,OAA3C,EAAoD,KAApD,CAAJ,EAAgE;AAC9D,WAAO;AACLI,MAAAA,OAAO,EAAG,GAAEJ,OAAO,CAAChC,QAAR,CAAiB+B,gBAAjB,CAAmC,EAD1C;AAELO,MAAAA,KAAK,EAAE3B,mBAAmB,CAACmB,aAAD;AAFrB,KAAP;AAID,GAhD6F,CAkD9F;;;AACA,MAAIE,OAAO,CAACS,MAAR,CAAeV,gBAAf,EAAiC,MAAjC,CAAJ,EAA8C;AAC5C,WAAO;AACLK,MAAAA,OAAO,EAAEJ,OAAO,CAACK,MAAR,CAAgB,QAAOF,gBAAiB,EAAxC,CADJ;AAELG,MAAAA,KAAK,EAAEhB,oBAAoB,CAACV,IAAD;AAFtB,KAAP;AAID,GAxD6F,CA0D9F;;;AACA,SAAO;AACLwB,IAAAA,OAAO,EAAEJ,OAAO,CAACK,MAAR,CAAgB,KAAIF,gBAAiB,EAArC,CADJ;AAELG,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CA/DM","sourcesContent":["import dayjs from \"dayjs\";\nimport calendar from \"dayjs/plugin/calendar\";\nimport duration from \"dayjs/plugin/duration\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport updateLocale from \"dayjs/plugin/updateLocale\";\n\n/**\n * Relative time thresholds defined by\n * {@link https://xd.adobe.com/view/1b7df235-5cf8-4b51-a2f0-0be1bb591c55-4e2e/ Design System}\n *\n * Implementation using day.js {@link https://day.js.org/docs/en/customization/relative-time relativeTime}\n */\nconst thresholds = [\n  { l: \"s\", r: 119, d: \"second\" },\n  { l: \"m\", r: 1 },\n  { l: \"mm\", r: 59, d: \"minute\" },\n  { l: \"h\", r: 1 },\n  { l: \"hh\", r: 23, d: \"hour\" },\n  { l: \"d\", r: 1 },\n  { l: \"dd\", r: 29, d: \"day\" },\n  { l: \"M\", r: 1 },\n  { l: \"MM\", r: 11, d: \"month\" },\n  { l: \"y\", r: 17 },\n  { l: \"yy\", d: \"year\" },\n];\n\ndayjs.extend(localeData);\ndayjs.extend(duration);\ndayjs.extend(calendar);\ndayjs.extend(localizedFormat);\ndayjs.extend(relativeTime, { thresholds });\ndayjs.extend(updateLocale);\n\nexport const secondsUntilNextDay = (date = new Date()) => {\n  const midnight = new Date(date.getTime());\n\n  midnight.setDate(midnight.getDate() + 1);\n  midnight.setHours(0);\n  midnight.setMinutes(0);\n  midnight.setSeconds(0);\n  midnight.setMilliseconds(0);\n\n  return (midnight.getTime() - date.getTime()) / 1000;\n};\n\nconst secondsUntilNextWeek = (date = new Date()) => {\n  const firstMonthDayOfWeek = date.getDate() - date.getDay();\n  const firstMonthDayOfNextWeek = firstMonthDayOfWeek + 7; // auto roll over to next month if needed\n\n  const firstDayNextWeek = new Date(date.getTime());\n\n  firstDayNextWeek.setDate(firstMonthDayOfNextWeek);\n  firstDayNextWeek.setHours(0);\n  firstDayNextWeek.setMinutes(0);\n  firstDayNextWeek.setSeconds(0);\n  firstDayNextWeek.setMilliseconds(0);\n\n  return (firstDayNextWeek.getTime() - date.getTime()) / 1000;\n};\n\n/**\n * @typedef {Object} TimeAgo\n * @property {string} timeAgo - the formatted date using the \"time ago format\"\n * @property {number} delay - the time until the date needs to be updated\n */\n\n/**\n * Formats a date to the a relative time format using dayjs.\n *\n * @param {Date} date - date to format.\n * @param {String} locale - locale to use.\n * @param {Boolean} [showSeconds=false] - if seconds should be part of the result.\n * @param {Date} referenceDate - reference date to use when formatting (defaults to current date).\n *\n * @return {TimeAgo} the formatted date using the \"time ago format\" and the time until it needs to be updated\n */\nexport const formatTimeAgo = (date, locale, showSeconds = false, referenceDate = new Date()) => {\n  const dayReferenceDate = dayjs(referenceDate);\n  const dayDate = dayjs(date).locale(locale);\n\n  const dayDiffSeconds = dayReferenceDate.diff(dayDate, \"second\");\n\n  const formatUseSeconds = showSeconds ? \"LTS\" : \"LT\";\n\n  // check if the date is after the reference date\n  if (date.getTime() > referenceDate.getTime()) {\n    return {\n      timeAgo: dayDate.format(`L ${formatUseSeconds}`),\n      delay: (date.getTime() - referenceDate.getTime()) / 1000,\n    };\n  }\n\n  // just now, until the 2 minutes\n  if (dayDiffSeconds < 120) {\n    return {\n      timeAgo: dayjs.duration(dayDiffSeconds, \"second\").locale(locale).humanize(),\n      delay: 120 - dayDiffSeconds,\n    };\n  }\n\n  // ago in minutes, until the 1 hour mark\n  const dayDiffMinutes = dayReferenceDate.diff(dayDate, \"minute\");\n\n  if (dayDiffMinutes < 60) {\n    return {\n      timeAgo: dayjs.duration(-dayDiffMinutes, \"minute\").locale(locale).humanize(true),\n      delay: 60 * (dayDiffMinutes + 1) - dayDiffSeconds,\n    };\n  }\n\n  // formatted date with text description for today\n  if (dayReferenceDate.isSame(dayDate, \"day\")) {\n    return {\n      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,\n      delay: secondsUntilNextDay(referenceDate),\n    };\n  }\n\n  // formatted date with text description for yesterday\n  if (dayReferenceDate.subtract(1, \"day\").isSame(dayDate, \"day\")) {\n    return {\n      timeAgo: `${dayDate.calendar(dayReferenceDate)}`,\n      delay: secondsUntilNextDay(referenceDate),\n    };\n  }\n\n  // formatted date with week during the current week\n  if (dayDate.isSame(dayReferenceDate, \"week\")) {\n    return {\n      timeAgo: dayDate.format(`ddd, ${formatUseSeconds}`),\n      delay: secondsUntilNextWeek(date),\n    };\n  }\n\n  // formatted without special gimmicks\n  return {\n    timeAgo: dayDate.format(`L ${formatUseSeconds}`),\n    delay: 0,\n  };\n};\n"],"file":"formatUtils.js"}

package/dist/modern/TimeAgo/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./TimeAgo";
+export * from "./TimeAgo";
+
+export { default as useTimeAgo } from "./useTimeAgo";
+export * from "./useTimeAgo";

package/dist/modern/TimeAgo/index.js

@@ -0,0 +1,3 @@
+export { default } from "./TimeAgo";
+export { default as useTimeAgo } from "./useTimeAgo";
+//# sourceMappingURL=index.js.map

package/dist/modern/TimeAgo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/index.js"],"names":["default","useTimeAgo"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC","sourcesContent":["export { default } from \"./TimeAgo\";\nexport { default as useTimeAgo } from \"./useTimeAgo\";\n"],"file":"index.js"}

package/dist/modern/TimeAgo/styles.js

@@ -0,0 +1,5 @@
+const styles = {
+  root: {}
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/TimeAgo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/styles.js"],"names":["styles","root"],"mappings":"AAAA,MAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AADO,CAAf;AAIA,eAAeD,MAAf","sourcesContent":["const styles = {\n  root: {},\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TimeAgo/useTimeAgo.d.ts

@@ -0,0 +1,26 @@
+export type UseTimeAgoOptions = {
+  /**
+   * Whether to show seconds in the rendered time
+   */
+  showSeconds?: boolean;
+  /**
+   * The locale to be used. Should be on of the dayjs supported locales
+   * @see https://day.js.org/docs/en/i18n/i18n
+   */
+  locale?: string;
+  /**
+   * Disables periodic date refreshes
+   */
+  disableRefresh?: boolean;
+};
+
+export default function useTimeAgo(
+  /**
+   * The timestamp to format, in seconds or milliseconds
+   */
+  timestamp: number,
+  /**
+   * Options to format the time
+   */
+  options?: UseTimeAgoOptions
+): string;

package/dist/modern/TimeAgo/useTimeAgo.js

@@ -0,0 +1,32 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useEffect, useState } from "react";
+import useTimeout from "./useTimeout";
+import { formatTimeAgo } from "./formatUtils";
+/**
+ * Calls `formatTimeAgo` with timestamp conversion
+ */
+
+const fmt = (timestamp, locale, showSeconds) => {
+  const timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1000;
+  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);
+};
+
+export default function useTimeAgo(timestamp, options) {
+  const {
+    locale,
+    disableRefresh = false,
+    showSeconds = false
+  } = options;
+  const [timeAgo, setTimeAgo] = useState(fmt(timestamp, locale, showSeconds));
+  const refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;
+  useEffect(() => {
+    const newTimeAgo = fmt(timestamp, locale, showSeconds);
+    setTimeAgo(newTimeAgo);
+  }, [timestamp, locale, showSeconds]);
+  useTimeout(() => {
+    const newTimeAgo = fmt(timestamp, locale, showSeconds);
+    setTimeAgo(newTimeAgo);
+  }, refreshTime);
+  return timeAgo.timeAgo;
+}
+//# sourceMappingURL=useTimeAgo.js.map

package/dist/modern/TimeAgo/useTimeAgo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/useTimeAgo.js"],"names":["useEffect","useState","useTimeout","formatTimeAgo","fmt","timestamp","locale","showSeconds","timestampMs","String","length","Date","useTimeAgo","options","disableRefresh","timeAgo","setTimeAgo","refreshTime","delay","newTimeAgo"],"mappings":";AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,SAASC,aAAT,QAA8B,eAA9B;AAEA;AACA;AACA;;AACA,MAAMC,GAAG,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,KAAoC;AAC9C,QAAMC,WAAW,GAAGC,MAAM,CAACJ,SAAD,CAAN,CAAkBK,MAAlB,GAA2B,EAA3B,GAAgCL,SAAhC,GAA4CA,SAAS,GAAG,IAA5E;AACA,SAAOF,aAAa,CAAC,IAAIQ,IAAJ,CAASH,WAAT,CAAD,EAAwBF,MAAxB,EAAgCC,WAAhC,CAApB;AACD,CAHD;;AAKA,eAAe,SAASK,UAAT,CAAoBP,SAApB,EAA+BQ,OAA/B,EAAwC;AACrD,QAAM;AAAEP,IAAAA,MAAF;AAAUQ,IAAAA,cAAc,GAAG,KAA3B;AAAkCP,IAAAA,WAAW,GAAG;AAAhD,MAA0DM,OAAhE;AACA,QAAM,CAACE,OAAD,EAAUC,UAAV,IAAwBf,QAAQ,CAACG,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAJ,CAAtC;AACA,QAAMU,WAAW,GAAGH,cAAc,GAAG,CAAH,GAAOC,OAAO,CAACG,KAAR,GAAgB,IAAzD;AAEAlB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMmB,UAAU,GAAGf,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAtB;AACAS,IAAAA,UAAU,CAACG,UAAD,CAAV;AACD,GAHQ,EAGN,CAACd,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAHM,CAAT;AAKAL,EAAAA,UAAU,CAAC,MAAM;AACf,UAAMiB,UAAU,GAAGf,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAtB;AACAS,IAAAA,UAAU,CAACG,UAAD,CAAV;AACD,GAHS,EAGPF,WAHO,CAAV;AAKA,SAAOF,OAAO,CAACA,OAAf;AACD","sourcesContent":["import { useEffect, useState } from \"react\";\nimport useTimeout from \"./useTimeout\";\nimport { formatTimeAgo } from \"./formatUtils\";\n\n/**\n * Calls `formatTimeAgo` with timestamp conversion\n */\nconst fmt = (timestamp, locale, showSeconds) => {\n  const timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1000;\n  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);\n};\n\nexport default function useTimeAgo(timestamp, options) {\n  const { locale, disableRefresh = false, showSeconds = false } = options;\n  const [timeAgo, setTimeAgo] = useState(fmt(timestamp, locale, showSeconds));\n  const refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;\n\n  useEffect(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, [timestamp, locale, showSeconds]);\n\n  useTimeout(() => {\n    const newTimeAgo = fmt(timestamp, locale, showSeconds);\n    setTimeAgo(newTimeAgo);\n  }, refreshTime);\n\n  return timeAgo.timeAgo;\n}\n"],"file":"useTimeAgo.js"}

package/dist/modern/TimeAgo/useTimeout.js

@@ -0,0 +1,13 @@
+import { useEffect, useRef } from "react";
+export default function useTimeout(callback, delay) {
+  const savedCallback = useRef(callback);
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    if (!delay) return undefined;
+    const id = setTimeout(() => savedCallback.current(), delay);
+    return () => clearTimeout(id);
+  }, [delay]);
+}
+//# sourceMappingURL=useTimeout.js.map

package/dist/modern/TimeAgo/useTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/useTimeout.js"],"names":["useEffect","useRef","useTimeout","callback","delay","savedCallback","current","undefined","id","setTimeout","clearTimeout"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,eAAe,SAASC,UAAT,CAAoBC,QAApB,EAA8BC,KAA9B,EAAqC;AAClD,QAAMC,aAAa,GAAGJ,MAAM,CAACE,QAAD,CAA5B;AAEAH,EAAAA,SAAS,CAAC,MAAM;AACdK,IAAAA,aAAa,CAACC,OAAd,GAAwBH,QAAxB;AACD,GAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;AAIAH,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACI,KAAL,EAAY,OAAOG,SAAP;AAEZ,UAAMC,EAAE,GAAGC,UAAU,CAAC,MAAMJ,aAAa,CAACC,OAAd,EAAP,EAAgCF,KAAhC,CAArB;AACA,WAAO,MAAMM,YAAY,CAACF,EAAD,CAAzB;AACD,GALQ,EAKN,CAACJ,KAAD,CALM,CAAT;AAMD","sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport default function useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    if (!delay) return undefined;\n\n    const id = setTimeout(() => savedCallback.current(), delay);\n    return () => clearTimeout(id);\n  }, [delay]);\n}\n"],"file":"useTimeout.js"}

package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js

@@ -0,0 +1,88 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { HvToggleButton } from "@hitachivantara/uikit-react-core";
+import { DropUpXS as UpIcon, DropDownXS as DownIcon } from "@hitachivantara/uikit-react-icons";
+import { PeriodPickerOptions } from "../enums";
+
+class PeriodPicker extends React.Component {
+  constructor(props) {
+    var _props$period;
+
+    super(props);
+
+    _defineProperty(this, "handleChangePeriod", () => {
+      const {
+        onChangePeriod
+      } = this.props;
+      const period = this.selectDifferentPeriod();
+      this.setState({
+        currentPeriod: period
+      });
+      onChangePeriod(period);
+    });
+
+    _defineProperty(this, "selectDifferentPeriod", () => {
+      const {
+        currentPeriod
+      } = this.state;
+      return currentPeriod === PeriodPickerOptions.AM ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
+    });
+
+    this.state = {
+      currentPeriod: (_props$period = props.period) !== null && _props$period !== void 0 ? _props$period : PeriodPickerOptions.AM
+    };
+  }
+  /**
+   * Handles the period change
+   * @memberof PeriodPicker
+   */
+
+
+  /**
+   * Renders the PeriodPicker
+   * @memberof UnitTimePicker
+   */
+  render() {
+    const {
+      classes
+    } = this.props;
+    const {
+      currentPeriod
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.periodContainer
+    }, /*#__PURE__*/React.createElement(UpIcon, {
+      className: classes.icon,
+      onClick: this.handleChangePeriod
+    }), /*#__PURE__*/React.createElement(HvToggleButton, {
+      className: classes.periodToggle,
+      selected: currentPeriod === PeriodPickerOptions.PM,
+      onClick: this.handleChangePeriod
+    }, currentPeriod), /*#__PURE__*/React.createElement(DownIcon, {
+      className: clsx(classes.icon, classes.subtractIcon),
+      onClick: this.handleChangePeriod
+    }));
+  }
+
+}
+
+PeriodPicker.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Callback function called when the period value changes
+   */
+  onChangePeriod: PropTypes.func.isRequired,
+
+  /**
+   * Default period value
+   */
+  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM])
+};
+export default PeriodPicker;
+//# sourceMappingURL=PeriodPicker.js.map

package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"names":["React","PropTypes","clsx","HvToggleButton","DropUpXS","UpIcon","DropDownXS","DownIcon","PeriodPickerOptions","PeriodPicker","Component","constructor","props","onChangePeriod","period","selectDifferentPeriod","setState","currentPeriod","state","AM","PM","render","classes","periodContainer","icon","handleChangePeriod","periodToggle","subtractIcon","propTypes","instanceOf","Object","isRequired","func","oneOf"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,cAAT,QAA+B,kCAA/B;AACA,SAASC,QAAQ,IAAIC,MAArB,EAA6BC,UAAU,IAAIC,QAA3C,QAA2D,mCAA3D;AACA,SAASC,mBAAT,QAAoC,UAApC;;AAEA,MAAMC,YAAN,SAA2BT,KAAK,CAACU,SAAjC,CAA2C;AACzCC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AAAA;;AACjB,UAAMA,KAAN;;AADiB,gDAYE,MAAM;AACzB,YAAM;AAAEC,QAAAA;AAAF,UAAqB,KAAKD,KAAhC;AACA,YAAME,MAAM,GAAG,KAAKC,qBAAL,EAAf;AACA,WAAKC,QAAL,CAAc;AACZC,QAAAA,aAAa,EAAEH;AADH,OAAd;AAGAD,MAAAA,cAAc,CAACC,MAAD,CAAd;AACD,KAnBkB;;AAAA,mDA0BK,MAAM;AAC5B,YAAM;AAAEG,QAAAA;AAAF,UAAoB,KAAKC,KAA/B;AACA,aAAOD,aAAa,KAAKT,mBAAmB,CAACW,EAAtC,GACHX,mBAAmB,CAACY,EADjB,GAEHZ,mBAAmB,CAACW,EAFxB;AAGD,KA/BkB;;AAGjB,SAAKD,KAAL,GAAa;AACXD,MAAAA,aAAa,mBAAEL,KAAK,CAACE,MAAR,yDAAkBN,mBAAmB,CAACW;AADxC,KAAb;AAGD;AAED;AACF;AACA;AACA;;;AAsBE;AACF;AACA;AACA;AACEE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA;AAAF,QAAc,KAAKV,KAAzB;AACA,UAAM;AAAEK,MAAAA;AAAF,QAAoB,KAAKC,KAA/B;AAEA,wBACE;AAAK,MAAA,SAAS,EAAEI,OAAO,CAACC;AAAxB,oBACE,oBAAC,MAAD;AAAQ,MAAA,SAAS,EAAED,OAAO,CAACE,IAA3B;AAAiC,MAAA,OAAO,EAAE,KAAKC;AAA/C,MADF,eAEE,oBAAC,cAAD;AACE,MAAA,SAAS,EAAEH,OAAO,CAACI,YADrB;AAEE,MAAA,QAAQ,EAAET,aAAa,KAAKT,mBAAmB,CAACY,EAFlD;AAGE,MAAA,OAAO,EAAE,KAAKK;AAHhB,OAKGR,aALH,CAFF,eASE,oBAAC,QAAD;AACE,MAAA,SAAS,EAAEf,IAAI,CAACoB,OAAO,CAACE,IAAT,EAAeF,OAAO,CAACK,YAAvB,CADjB;AAEE,MAAA,OAAO,EAAE,KAAKF;AAFhB,MATF,CADF;AAgBD;;AA1DwC;;AA6D3ChB,YAAY,CAACmB,SAAb,GAAyB;AACvB;AACF;AACA;AACEN,EAAAA,OAAO,EAAErB,SAAS,CAAC4B,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;AAKvB;AACF;AACA;AACElB,EAAAA,cAAc,EAAEZ,SAAS,CAAC+B,IAAV,CAAeD,UARR;;AASvB;AACF;AACA;AACEjB,EAAAA,MAAM,EAAEb,SAAS,CAACgC,KAAV,CAAgB,CAACzB,mBAAmB,CAACW,EAArB,EAAyBX,mBAAmB,CAACY,EAA7C,CAAhB;AAZe,CAAzB;AAeA,eAAeX,YAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvToggleButton } from \"@hitachivantara/uikit-react-core\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nclass PeriodPicker extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentPeriod: props.period ?? PeriodPickerOptions.AM,\n    };\n  }\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  handleChangePeriod = () => {\n    const { onChangePeriod } = this.props;\n    const period = this.selectDifferentPeriod();\n    this.setState({\n      currentPeriod: period,\n    });\n    onChangePeriod(period);\n  };\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  selectDifferentPeriod = () => {\n    const { currentPeriod } = this.state;\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  render() {\n    const { classes } = this.props;\n    const { currentPeriod } = this.state;\n\n    return (\n      <div className={classes.periodContainer}>\n        <UpIcon className={classes.icon} onClick={this.handleChangePeriod} />\n        <HvToggleButton\n          className={classes.periodToggle}\n          selected={currentPeriod === PeriodPickerOptions.PM}\n          onClick={this.handleChangePeriod}\n        >\n          {currentPeriod}\n        </HvToggleButton>\n        <DownIcon\n          className={clsx(classes.icon, classes.subtractIcon)}\n          onClick={this.handleChangePeriod}\n        />\n      </div>\n    );\n  }\n}\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"file":"PeriodPicker.js"}

package/dist/modern/TimePicker/PeriodPicker/index.js

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import PeriodPicker from "./PeriodPicker";
+export default withStyles(styles, {
+  name: "HvTimePickerPeriodPicker"
+})(PeriodPicker);
+//# sourceMappingURL=index.js.map

package/dist/modern/TimePicker/PeriodPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/PeriodPicker/index.js"],"names":["withStyles","styles","PeriodPicker","name"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;AAAEE,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDD,YAAzD,CAAf","sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"file":"index.js"}

package/dist/modern/TimePicker/PeriodPicker/styles.js

@@ -0,0 +1,22 @@
+const styles = theme => ({
+  periodContainer: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    marginLeft: 8
+  },
+  periodToggle: {
+    height: "40px",
+    width: "40px"
+  },
+  icon: {
+    cursor: "pointer"
+  },
+  subtractIcon: {
+    marginTop: `${theme.hv.spacing.xs}px`
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/TimePicker/PeriodPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/PeriodPicker/styles.js"],"names":["styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginLeft","periodToggle","height","width","icon","cursor","subtractIcon","marginTop","hv","spacing","xs"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,OAAO,EAAE,MADM;AAEfC,IAAAA,aAAa,EAAE,QAFA;AAGfC,IAAAA,cAAc,EAAE,QAHD;AAIfC,IAAAA,UAAU,EAAE,QAJG;AAKfC,IAAAA,UAAU,EAAE;AALG,GADQ;AAQzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,MAAM,EAAE,MADI;AAEZC,IAAAA,KAAK,EAAE;AAFK,GARW;AAYzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GAZmB;AAezBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAG,GAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAG;AADtB;AAfW,CAAZ,CAAf;;AAoBA,eAAejB,MAAf","sourcesContent":["const styles = (theme) => ({\n  periodContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    marginLeft: 8,\n  },\n  periodToggle: {\n    height: \"40px\",\n    width: \"40px\",\n  },\n  icon: {\n    cursor: \"pointer\",\n  },\n  subtractIcon: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TimePicker/TimePicker.d.ts

@@ -0,0 +1,140 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormElementProps, HvBaseDropdownProps } from "@hitachivantara/uikit-react-core";
+
+export type HvTimePickerClassKey =
+  | "root"
+  | "input"
+  | "label"
+  | "timePopperContainer"
+  | "separator"
+  | "periodContainer"
+  | "formElementRoot"
+  | "dropdownPlaceholder"
+  | "iconBaseRoot"
+  | "error"
+  | "labelContainer"
+  | "description"
+  | "dropdownHeaderInvalid"
+  | "dropdownPlaceholderDisabled"
+  | "dropdownHeaderOpen";
+
+export interface HvTimePickerValue {
+  hours: number;
+  minutes: number;
+  seconds: number;
+  period?: "AM" | "PM";
+}
+export interface HvTimePickerProps
+  extends StandardProps<
+    HvFormElementProps,
+    HvTimePickerClassKey,
+    "onChange" | "value" | "defaultValue" | "readOnly"
+  > {
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id?: string;
+
+  /**
+   * Current value of the form element.
+   */
+  value?: HvTimePickerValue | null | undefined;
+  /**
+   * When uncontrolled, defines the initial value.
+   */
+  defaultValue?: HvTimePickerValue | null | undefined;
+
+  /**
+   * The placeholder value when no time is selected.
+   */
+  placeholder?: string;
+
+  /**
+   * The placeholder of the hours input.
+   */
+  hoursPlaceholder?: string;
+  /**
+   * The placeholder of the minutes input.
+   */
+  minutesPlaceholder?: string;
+  /**
+   * The placeholder of the seconds input.
+   */
+  secondsPlaceholder?: string;
+
+  /**
+   * If the time should be presented in 12 or 24 hour format.
+   * If undefined, the component will use a format according to the passed locale.
+   * If defined, it will "override" the default value given by the locale
+   */
+  timeFormat?: "12" | "24" | 12 | 24 | undefined;
+  /**
+   * Locale that will provide the time format(12 or 24 hour format)
+   * It is "overwritten" by the timeFormat prop
+   */
+  locale?: string;
+
+  /**
+   * Allow starting with an empty value by not defaulting to the current time.
+   * This should become the default behavior when the component is promoted to core.
+   */
+  disableDefaultValue?: boolean;
+
+  /**
+   * Default value for the hours picker
+   * @deprecated use defaultValue instead
+   */
+  hours?: number;
+  /**
+   * Default value for the minutes picker
+   * @deprecated use defaultValue instead
+   */
+  minutes?: number;
+  /**
+   * Default value for the seconds picker
+   * @deprecated use defaultValue instead
+   */
+  seconds?: number;
+  /**
+   * Default value for the period picker
+   * @deprecated use defaultValue instead
+   */
+  period?: "AM" | "PM";
+
+  /**
+   * Callback function to be triggered when the input value is changed.
+   * It is invoked with a object param with the following props:
+   *  - hours (in a 24h format)
+   *  - minutes
+   *  - seconds
+   *  - period
+   *
+   * It is always invoked with the hours in a 24h format
+   */
+  onChange?: (timeIn24Format: HvTimePickerValue) => void;
+
+  /**
+   * Callback called when dropdown changes the expanded state.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).
+   */
+  onToggle?: (event: Event, open: boolean) => void;
+
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+
+  /**
+   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.
+   */
+  escapeWithReference?: boolean;
+
+  /**
+   * Extra properties to be passed to the timepicker dropdown.
+   */
+  dropdownProps?: HvBaseDropdownProps;
+}
+
+export default function HvTimePicker(props: HvTimePickerProps): JSX.Element | null;