@hitachivantara/uikit-react-lab 3.38.0

package/dist/legacy/Tag/styles.js

@@ -0,0 +1,110 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+export var outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      position: "relative",
+      cursor: "pointer",
+      display: "flex",
+      justifyContent: "center",
+      flexWrap: "wrap",
+      backgroundColor: theme.hv.palette.semantic.sema7,
+      margin: "0 8px 8px 0",
+      float: "left",
+      minWidth: 70,
+      padding: theme.hvSpacing(0, "xs"),
+      height: 20,
+      minHeight: 20,
+      textAlign: "center",
+      " &:hover": {
+        "&:not(disabled)": {
+          "& > div svg": _objectSpread({
+            backgroundColor: theme.hv.palette.atmosphere.atmo4
+          }, outlineStyles),
+          "&:focus": {
+            "& > div svg": _objectSpread({
+              backgroundColor: theme.hv.palette.atmosphere.atmo4
+            }, outlineStyles)
+          }
+        }
+      }
+    },
+
+    /* Styles applied to the label `span` element. */
+    label: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      paddingLeft: 12,
+      paddingRight: 12,
+      whiteSpace: "nowrap",
+      maxWidth: 200,
+      minHeight: 20
+    },
+    square: {
+      borderRadius: 2
+    },
+    round: {
+      borderRadius: 28
+    },
+    deleteIcon: {
+      WebkitTapHighlightColor: "transparent",
+      height: 10,
+      width: 12,
+      cursor: "pointer",
+      color: "white",
+      "&:hover": {
+        "& *": _objectSpread({
+          backgroundColor: theme.palette.atmo3
+        }, outlineStyles)
+      }
+    },
+    focusVisible: {},
+    disabled: {
+      color: theme.hv.palette.atmosphere.atmo5,
+      cursor: "not-allowed",
+      PointerEvent: "none",
+      opacity: 1,
+      "&:hover": {
+        color: theme.hv.palette.atmosphere.atmo5,
+        border: "transparent"
+      },
+      "&$focusVisible": _objectSpread({
+        backgroundColor: theme.palette.atmo3
+      }, outlineStyles)
+    },
+    informational: {
+      backgroundColor: theme.hv.palette.semantic.sema7
+    },
+    success: {
+      backgroundColor: theme.hv.palette.semantic.sema8
+    },
+    warning: {
+      backgroundColor: theme.hv.palette.semantic.sema20
+    },
+    error: {
+      backgroundColor: theme.hv.palette.semantic.sema9
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Tag/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tag/styles.js"],"names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","position","cursor","display","justifyContent","flexWrap","backgroundColor","hv","palette","semantic","sema7","margin","float","minWidth","padding","hvSpacing","height","minHeight","textAlign","atmosphere","atmo4","label","overflow","textOverflow","paddingLeft","paddingRight","whiteSpace","maxWidth","square","borderRadius","round","deleteIcon","WebkitTapHighlightColor","width","color","atmo3","focusVisible","disabled","atmo5","PointerEvent","opacity","border","informational","success","sema8","warning","sema20","error","sema9"],"mappings":"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","sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    margin: \"0 8px 8px 0\",\n    float: \"left\",\n    minWidth: 70,\n    padding: theme.hvSpacing(0, \"xs\"),\n    height: 20,\n    minHeight: 20,\n    textAlign: \"center\",\n    \" &:hover\": {\n      \"&:not(disabled)\": {\n        \"& > div svg\": {\n          backgroundColor: theme.hv.palette.atmosphere.atmo4,\n          ...outlineStyles,\n        },\n        \"&:focus\": {\n          \"& > div svg\": {\n            backgroundColor: theme.hv.palette.atmosphere.atmo4,\n            ...outlineStyles,\n          },\n        },\n      },\n    },\n  },\n  /* Styles applied to the label `span` element. */\n  label: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    paddingLeft: 12,\n    paddingRight: 12,\n    whiteSpace: \"nowrap\",\n    maxWidth: 200,\n    minHeight: 20,\n  },\n  square: {\n    borderRadius: 2,\n  },\n  round: {\n    borderRadius: 28,\n  },\n\n  deleteIcon: {\n    WebkitTapHighlightColor: \"transparent\",\n    height: 10,\n    width: 12,\n    cursor: \"pointer\",\n    color: \"white\",\n    \"&:hover\": {\n      \"& *\": {\n        backgroundColor: theme.palette.atmo3,\n        ...outlineStyles,\n      },\n    },\n  },\n  focusVisible: {},\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n    cursor: \"not-allowed\",\n    PointerEvent: \"none\",\n    opacity: 1,\n    \"&:hover\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      border: `transparent`,\n    },\n    \"&$focusVisible\": {\n      backgroundColor: theme.palette.atmo3,\n      ...outlineStyles,\n    },\n  },\n  informational: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  warning: {\n    backgroundColor: theme.hv.palette.semantic.sema20,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n});\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/TimeAgo/TimeAgo.d.ts

@@ -0,0 +1,42 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTimeAgoClassKey = "root";
+
+export interface HvTimeAgoProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvTimeAgoClassKey> {
+  /**
+   * The timestamp to format, in seconds or milliseconds.
+   * Defaults to `emptyElement` if value is null or 0
+   */
+  timestamp?: number;
+  /**
+   * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
+   * @see https://day.js.org/docs/en/i18n/i18n
+   */
+  locale?: string;
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `HvTypography`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+  /**
+   * The element to render when the timestamp is null or 0
+   * Defaults to `—` (Em Dash)
+   */
+  emptyElement?: React.ReactNode;
+  /**
+   * Disables periodic date refreshes
+   */
+  disableRefresh?: boolean;
+  /**
+   * Whether to show seconds in the rendered time
+   */
+  showSeconds?: boolean;
+  /**
+   * Whether the component should render just the string
+   * Consider using `useTimeAgo` instead
+   */
+  justText?: boolean;
+}
+
+export default function HvTimeAgo(props: HvTimeAgoProps): JSX.Element | null;

package/dist/legacy/TimeAgo/TimeAgo.js

@@ -0,0 +1,96 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "timestamp", "locale", "component", "emptyElement", "disableRefresh", "showSeconds", "justText"];
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvTypography, useLocale } from "@hitachivantara/uikit-react-core";
+import useTimeAgo from "./useTimeAgo";
+import styles from "./styles";
+/**
+ * The HvTimeAgo component implements the Design System relative time format guidelines.
+ */
+
+var HvTimeAgo = function HvTimeAgo(_ref) {
+  var classes = _ref.classes,
+      timestamp = _ref.timestamp,
+      localeProp = _ref.locale,
+      _ref$component = _ref.component,
+      Component = _ref$component === void 0 ? HvTypography : _ref$component,
+      _ref$emptyElement = _ref.emptyElement,
+      emptyElement = _ref$emptyElement === void 0 ? "—" : _ref$emptyElement,
+      _ref$disableRefresh = _ref.disableRefresh,
+      disableRefresh = _ref$disableRefresh === void 0 ? false : _ref$disableRefresh,
+      _ref$showSeconds = _ref.showSeconds,
+      showSeconds = _ref$showSeconds === void 0 ? false : _ref$showSeconds,
+      _ref$justText = _ref.justText,
+      justText = _ref$justText === void 0 ? false : _ref$justText,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var contextLocale = useLocale();
+  var locale = localeProp || contextLocale;
+  var timeAgo = useTimeAgo(timestamp, {
+    locale: locale,
+    disableRefresh: disableRefresh,
+    showSeconds: showSeconds
+  });
+  if (justText && timestamp) return timeAgo;
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    className: classes.root
+  }, others), !timestamp ? emptyElement : timeAgo);
+};
+
+HvTimeAgo.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }),
+
+  /**
+   * The timestamp to format, in seconds
+   */
+  timestamp: PropTypes.number,
+
+  /**
+   * The locale to be used. Should be on of the dayjs supported locales
+   * @see https://day.js.org/docs/en/i18n/i18n
+   */
+  locale: PropTypes.string,
+
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * The element to render when the timestamp is null or 0
+   * Defaults to `—` (Em Dash)
+   */
+  emptyElement: PropTypes.node,
+
+  /**
+   * Disables periodic date refreshes
+   */
+  disableRefresh: PropTypes.bool,
+
+  /**
+   * Whether to show seconds in the rendered time
+   */
+  showSeconds: PropTypes.bool,
+
+  /**
+   * Whether the component should render just the string
+   * Consider using `useTimeAgo` instead
+   */
+  justText: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvTimeAgo"
+})(HvTimeAgo);
+//# sourceMappingURL=TimeAgo.js.map

package/dist/legacy/TimeAgo/TimeAgo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/TimeAgo.js"],"names":["React","PropTypes","withStyles","HvTypography","useLocale","useTimeAgo","styles","HvTimeAgo","classes","timestamp","localeProp","locale","component","Component","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","timeAgo","root","propTypes","shape","string","number","elementType","node","bool","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,kCAAxC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUZ;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPIC,UAOJ,QAPJC,MAOI;AAAA,4BANJC,SAMI;AAAA,MANOC,SAMP,+BANmBV,YAMnB;AAAA,+BALJW,YAKI;AAAA,MALJA,YAKI,kCALW,GAKX;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,KAIb;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,KAGV;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,KAEP;AAAA,MADDC,MACC;;AACJ,MAAMC,aAAa,GAAGf,SAAS,EAA/B;AACA,MAAMO,MAAM,GAAGD,UAAU,IAAIS,aAA7B;AACA,MAAMC,OAAO,GAAGf,UAAU,CAACI,SAAD,EAAY;AAAEE,IAAAA,MAAM,EAANA,MAAF;AAAUI,IAAAA,cAAc,EAAdA,cAAV;AAA0BC,IAAAA,WAAW,EAAXA;AAA1B,GAAZ,CAA1B;AAEA,MAAIC,QAAQ,IAAIR,SAAhB,EAA2B,OAAOW,OAAP;AAE3B,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEZ,OAAO,CAACa;AAA9B,KAAwCH,MAAxC,GACG,CAACT,SAAD,GAAaK,YAAb,GAA4BM,OAD/B,CADF;AAKD,CAtBD;;AAwBAb,SAAS,CAACe,SAAV,GAAsB;AACpB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEP,SAAS,CAACsB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIF,IAAAA,IAAI,EAAEpB,SAAS,CAACuB;AAJO,GAAhB,CAJW;;AAUpB;AACF;AACA;AACEf,EAAAA,SAAS,EAAER,SAAS,CAACwB,MAbD;;AAcpB;AACF;AACA;AACA;AACEd,EAAAA,MAAM,EAAEV,SAAS,CAACuB,MAlBE;;AAmBpB;AACF;AACA;AACA;AACEZ,EAAAA,SAAS,EAAEX,SAAS,CAACyB,WAvBD;;AAwBpB;AACF;AACA;AACA;AACEZ,EAAAA,YAAY,EAAEb,SAAS,CAAC0B,IA5BJ;;AA6BpB;AACF;AACA;AACEZ,EAAAA,cAAc,EAAEd,SAAS,CAAC2B,IAhCN;;AAiCpB;AACF;AACA;AACEZ,EAAAA,WAAW,EAAEf,SAAS,CAAC2B,IApCH;;AAqCpB;AACF;AACA;AACA;AACEX,EAAAA,QAAQ,EAAEhB,SAAS,CAAC2B;AAzCA,CAAtB;AA4CA,eAAe1B,UAAU,CAACI,MAAD,EAAS;AAAEuB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0CtB,SAA1C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"file":"TimeAgo.js"}

package/dist/legacy/TimeAgo/formatUtils.js

@@ -0,0 +1,167 @@
+import dayjs from "dayjs";
+import calendar from "dayjs/plugin/calendar";
+import duration from "dayjs/plugin/duration";
+import localeData from "dayjs/plugin/localeData";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+import relativeTime from "dayjs/plugin/relativeTime";
+import updateLocale from "dayjs/plugin/updateLocale";
+/**
+ * Relative time thresholds defined by
+ * {@link https://xd.adobe.com/view/1b7df235-5cf8-4b51-a2f0-0be1bb591c55-4e2e/ Design System}
+ *
+ * Implementation using day.js {@link https://day.js.org/docs/en/customization/relative-time relativeTime}
+ */
+
+var thresholds = [{
+  l: "s",
+  r: 119,
+  d: "second"
+}, {
+  l: "m",
+  r: 1
+}, {
+  l: "mm",
+  r: 59,
+  d: "minute"
+}, {
+  l: "h",
+  r: 1
+}, {
+  l: "hh",
+  r: 23,
+  d: "hour"
+}, {
+  l: "d",
+  r: 1
+}, {
+  l: "dd",
+  r: 29,
+  d: "day"
+}, {
+  l: "M",
+  r: 1
+}, {
+  l: "MM",
+  r: 11,
+  d: "month"
+}, {
+  l: "y",
+  r: 17
+}, {
+  l: "yy",
+  d: "year"
+}];
+dayjs.extend(localeData);
+dayjs.extend(duration);
+dayjs.extend(calendar);
+dayjs.extend(localizedFormat);
+dayjs.extend(relativeTime, {
+  thresholds: thresholds
+});
+dayjs.extend(updateLocale);
+export var secondsUntilNextDay = function secondsUntilNextDay() {
+  var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var midnight = new Date(date.getTime());
+  midnight.setDate(midnight.getDate() + 1);
+  midnight.setHours(0);
+  midnight.setMinutes(0);
+  midnight.setSeconds(0);
+  midnight.setMilliseconds(0);
+  return (midnight.getTime() - date.getTime()) / 1000;
+};
+
+var secondsUntilNextWeek = function secondsUntilNextWeek() {
+  var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var firstMonthDayOfWeek = date.getDate() - date.getDay();
+  var firstMonthDayOfNextWeek = firstMonthDayOfWeek + 7; // auto roll over to next month if needed
+
+  var firstDayNextWeek = new Date(date.getTime());
+  firstDayNextWeek.setDate(firstMonthDayOfNextWeek);
+  firstDayNextWeek.setHours(0);
+  firstDayNextWeek.setMinutes(0);
+  firstDayNextWeek.setSeconds(0);
+  firstDayNextWeek.setMilliseconds(0);
+  return (firstDayNextWeek.getTime() - date.getTime()) / 1000;
+};
+/**
+ * @typedef {Object} TimeAgo
+ * @property {string} timeAgo - the formatted date using the "time ago format"
+ * @property {number} delay - the time until the date needs to be updated
+ */
+
+/**
+ * Formats a date to the a relative time format using dayjs.
+ *
+ * @param {Date} date - date to format.
+ * @param {String} locale - locale to use.
+ * @param {Boolean} [showSeconds=false] - if seconds should be part of the result.
+ * @param {Date} referenceDate - reference date to use when formatting (defaults to current date).
+ *
+ * @return {TimeAgo} the formatted date using the "time ago format" and the time until it needs to be updated
+ */
+
+
+export var formatTimeAgo = function formatTimeAgo(date, locale) {
+  var showSeconds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var referenceDate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Date();
+  var dayReferenceDate = dayjs(referenceDate);
+  var dayDate = dayjs(date).locale(locale);
+  var dayDiffSeconds = dayReferenceDate.diff(dayDate, "second");
+  var formatUseSeconds = showSeconds ? "LTS" : "LT"; // check if the date is after the reference date
+
+  if (date.getTime() > referenceDate.getTime()) {
+    return {
+      timeAgo: dayDate.format("L ".concat(formatUseSeconds)),
+      delay: (date.getTime() - referenceDate.getTime()) / 1000
+    };
+  } // just now, until the 2 minutes
+
+
+  if (dayDiffSeconds < 120) {
+    return {
+      timeAgo: dayjs.duration(dayDiffSeconds, "second").locale(locale).humanize(),
+      delay: 120 - dayDiffSeconds
+    };
+  } // ago in minutes, until the 1 hour mark
+
+
+  var dayDiffMinutes = dayReferenceDate.diff(dayDate, "minute");
+
+  if (dayDiffMinutes < 60) {
+    return {
+      timeAgo: dayjs.duration(-dayDiffMinutes, "minute").locale(locale).humanize(true),
+      delay: 60 * (dayDiffMinutes + 1) - dayDiffSeconds
+    };
+  } // formatted date with text description for today
+
+
+  if (dayReferenceDate.isSame(dayDate, "day")) {
+    return {
+      timeAgo: "".concat(dayDate.calendar(dayReferenceDate)),
+      delay: secondsUntilNextDay(referenceDate)
+    };
+  } // formatted date with text description for yesterday
+
+
+  if (dayReferenceDate.subtract(1, "day").isSame(dayDate, "day")) {
+    return {
+      timeAgo: "".concat(dayDate.calendar(dayReferenceDate)),
+      delay: secondsUntilNextDay(referenceDate)
+    };
+  } // formatted date with week during the current week
+
+
+  if (dayDate.isSame(dayReferenceDate, "week")) {
+    return {
+      timeAgo: dayDate.format("ddd, ".concat(formatUseSeconds)),
+      delay: secondsUntilNextWeek(date)
+    };
+  } // formatted without special gimmicks
+
+
+  return {
+    timeAgo: dayDate.format("L ".concat(formatUseSeconds)),
+    delay: 0
+  };
+};
+//# sourceMappingURL=formatUtils.js.map

package/dist/legacy/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":"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","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/legacy/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/legacy/TimeAgo/index.js

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

package/dist/legacy/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/legacy/TimeAgo/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimeAgo/styles.js"],"names":["styles","root"],"mappings":"AAAA,IAAMA,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/legacy/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/legacy/TimeAgo/useTimeAgo.js

@@ -0,0 +1,37 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect, useState } from "react";
+import useTimeout from "./useTimeout";
+import { formatTimeAgo } from "./formatUtils";
+/**
+ * Calls `formatTimeAgo` with timestamp conversion
+ */
+
+var fmt = function fmt(timestamp, locale, showSeconds) {
+  var timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1000;
+  return formatTimeAgo(new Date(timestampMs), locale, showSeconds);
+};
+
+export default function useTimeAgo(timestamp, options) {
+  var locale = options.locale,
+      _options$disableRefre = options.disableRefresh,
+      disableRefresh = _options$disableRefre === void 0 ? false : _options$disableRefre,
+      _options$showSeconds = options.showSeconds,
+      showSeconds = _options$showSeconds === void 0 ? false : _options$showSeconds;
+
+  var _useState = useState(fmt(timestamp, locale, showSeconds)),
+      _useState2 = _slicedToArray(_useState, 2),
+      timeAgo = _useState2[0],
+      setTimeAgo = _useState2[1];
+
+  var refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;
+  useEffect(function () {
+    var newTimeAgo = fmt(timestamp, locale, showSeconds);
+    setTimeAgo(newTimeAgo);
+  }, [timestamp, locale, showSeconds]);
+  useTimeout(function () {
+    var newTimeAgo = fmt(timestamp, locale, showSeconds);
+    setTimeAgo(newTimeAgo);
+  }, refreshTime);
+  return timeAgo.timeAgo;
+}
+//# sourceMappingURL=useTimeAgo.js.map

package/dist/legacy/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,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,EAAoC;AAC9C,MAAMC,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,MAAQP,MAAR,GAAgEO,OAAhE,CAAQP,MAAR;AAAA,8BAAgEO,OAAhE,CAAgBC,cAAhB;AAAA,MAAgBA,cAAhB,sCAAiC,KAAjC;AAAA,6BAAgED,OAAhE,CAAwCN,WAAxC;AAAA,MAAwCA,WAAxC,qCAAsD,KAAtD;;AACA,kBAA8BN,QAAQ,CAACG,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAJ,CAAtC;AAAA;AAAA,MAAOQ,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,WAAW,GAAGH,cAAc,GAAG,CAAH,GAAOC,OAAO,CAACG,KAAR,GAAgB,IAAzD;AAEAlB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMmB,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,YAAM;AACf,QAAMiB,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/legacy/TimeAgo/useTimeout.js

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

package/dist/legacy/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,MAAMC,aAAa,GAAGJ,MAAM,CAACE,QAAD,CAA5B;AAEAH,EAAAA,SAAS,CAAC,YAAM;AACdK,IAAAA,aAAa,CAACC,OAAd,GAAwBH,QAAxB;AACD,GAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;AAIAH,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAACI,KAAL,EAAY,OAAOG,SAAP;AAEZ,QAAMC,EAAE,GAAGC,UAAU,CAAC;AAAA,aAAMJ,aAAa,CAACC,OAAd,EAAN;AAAA,KAAD,EAAgCF,KAAhC,CAArB;AACA,WAAO;AAAA,aAAMM,YAAY,CAACF,EAAD,CAAlB;AAAA,KAAP;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"}