@hitachivantara/uikit-react-lab 3.38.0

package/dist/TimeAgo/formatUtils.js

@@ -0,0 +1,193 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.secondsUntilNextDay = exports.formatTimeAgo = void 0;
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _calendar = _interopRequireDefault(require("dayjs/plugin/calendar"));
+
+var _duration = _interopRequireDefault(require("dayjs/plugin/duration"));
+
+var _localeData = _interopRequireDefault(require("dayjs/plugin/localeData"));
+
+var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat"));
+
+var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
+
+var _updateLocale = _interopRequireDefault(require("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.default.extend(_localeData.default);
+
+_dayjs.default.extend(_duration.default);
+
+_dayjs.default.extend(_calendar.default);
+
+_dayjs.default.extend(_localizedFormat.default);
+
+_dayjs.default.extend(_relativeTime.default, {
+  thresholds: thresholds
+});
+
+_dayjs.default.extend(_updateLocale.default);
+
+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;
+};
+
+exports.secondsUntilNextDay = secondsUntilNextDay;
+
+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
+ */
+
+
+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 = (0, _dayjs.default)(referenceDate);
+  var dayDate = (0, _dayjs.default)(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.default.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.default.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
+  };
+};
+
+exports.formatTimeAgo = formatTimeAgo;
+//# sourceMappingURL=formatUtils.js.map

package/dist/TimeAgo/formatUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimeAgo/formatUtils.js"],"names":["thresholds","l","r","d","dayjs","extend","localeData","duration","calendar","localizedFormat","relativeTime","updateLocale","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/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/TimeAgo/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TimeAgo.default;
+  }
+});
+Object.defineProperty(exports, "useTimeAgo", {
+  enumerable: true,
+  get: function get() {
+    return _useTimeAgo.default;
+  }
+});
+
+var _TimeAgo = _interopRequireDefault(require("./TimeAgo"));
+
+var _useTimeAgo = _interopRequireDefault(require("./useTimeAgo"));
+//# sourceMappingURL=index.js.map

package/dist/TimeAgo/index.js.map

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

package/dist/TimeAgo/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {
+  root: {}
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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;eAIeD,M","sourcesContent":["const styles = {\n  root: {},\n};\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useTimeAgo;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _useTimeout = _interopRequireDefault(require("./useTimeout"));
+
+var _formatUtils = require("./formatUtils");
+
+/**
+ * Calls `formatTimeAgo` with timestamp conversion
+ */
+var fmt = function fmt(timestamp, locale, showSeconds) {
+  var timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1000;
+  return (0, _formatUtils.formatTimeAgo)(new Date(timestampMs), locale, showSeconds);
+};
+
+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 = (0, _react.useState)(fmt(timestamp, locale, showSeconds)),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      timeAgo = _useState2[0],
+      setTimeAgo = _useState2[1];
+
+  var refreshTime = disableRefresh ? 0 : timeAgo.delay * 1000;
+  (0, _react.useEffect)(function () {
+    var newTimeAgo = fmt(timestamp, locale, showSeconds);
+    setTimeAgo(newTimeAgo);
+  }, [timestamp, locale, showSeconds]);
+  (0, _useTimeout.default)(function () {
+    var newTimeAgo = fmt(timestamp, locale, showSeconds);
+    setTimeAgo(newTimeAgo);
+  }, refreshTime);
+  return timeAgo.timeAgo;
+}
+//# sourceMappingURL=useTimeAgo.js.map

package/dist/TimeAgo/useTimeAgo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimeAgo/useTimeAgo.js"],"names":["fmt","timestamp","locale","showSeconds","timestampMs","String","length","Date","useTimeAgo","options","disableRefresh","timeAgo","setTimeAgo","refreshTime","delay","newTimeAgo"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;AACA;AACA;AACA,IAAMA,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,SAAO,gCAAc,IAAIM,IAAJ,CAASH,WAAT,CAAd,EAAqCF,MAArC,EAA6CC,WAA7C,CAAP;AACD,CAHD;;AAKe,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,kBAA8B,qBAASH,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAZ,CAA9B;AAAA;AAAA,MAAOQ,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,WAAW,GAAGH,cAAc,GAAG,CAAH,GAAOC,OAAO,CAACG,KAAR,GAAgB,IAAzD;AAEA,wBAAU,YAAM;AACd,QAAMC,UAAU,GAAGf,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAtB;AACAS,IAAAA,UAAU,CAACG,UAAD,CAAV;AACD,GAHD,EAGG,CAACd,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAHH;AAKA,2BAAW,YAAM;AACf,QAAMY,UAAU,GAAGf,GAAG,CAACC,SAAD,EAAYC,MAAZ,EAAoBC,WAApB,CAAtB;AACAS,IAAAA,UAAU,CAACG,UAAD,CAAV;AACD,GAHD,EAGGF,WAHH;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/TimeAgo/useTimeout.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useTimeout;
+
+var _react = require("react");
+
+function useTimeout(callback, delay) {
+  var savedCallback = (0, _react.useRef)(callback);
+  (0, _react.useEffect)(function () {
+    savedCallback.current = callback;
+  }, [callback]);
+  (0, _react.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/TimeAgo/useTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimeAgo/useTimeout.js"],"names":["useTimeout","callback","delay","savedCallback","current","undefined","id","setTimeout","clearTimeout"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,UAAT,CAAoBC,QAApB,EAA8BC,KAA9B,EAAqC;AAClD,MAAMC,aAAa,GAAG,mBAAOF,QAAP,CAAtB;AAEA,wBAAU,YAAM;AACdE,IAAAA,aAAa,CAACC,OAAd,GAAwBH,QAAxB;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,wBAAU,YAAM;AACd,QAAI,CAACC,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,GALD,EAKG,CAACJ,KAAD,CALH;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/TimePicker/PeriodPicker/PeriodPicker.js

@@ -0,0 +1,128 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _enums = require("../enums");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PeriodPicker = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(PeriodPicker, _React$Component);
+
+  var _super = _createSuper(PeriodPicker);
+
+  function PeriodPicker(props) {
+    var _props$period;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, PeriodPicker);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangePeriod", function () {
+      var onChangePeriod = _this.props.onChangePeriod;
+
+      var period = _this.selectDifferentPeriod();
+
+      _this.setState({
+        currentPeriod: period
+      });
+
+      onChangePeriod(period);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectDifferentPeriod", function () {
+      var currentPeriod = _this.state.currentPeriod;
+      return currentPeriod === _enums.PeriodPickerOptions.AM ? _enums.PeriodPickerOptions.PM : _enums.PeriodPickerOptions.AM;
+    });
+    _this.state = {
+      currentPeriod: (_props$period = props.period) !== null && _props$period !== void 0 ? _props$period : _enums.PeriodPickerOptions.AM
+    };
+    return _this;
+  }
+  /**
+   * Handles the period change
+   * @memberof PeriodPicker
+   */
+
+
+  (0, _createClass2.default)(PeriodPicker, [{
+    key: "render",
+    value:
+    /**
+     * Renders the PeriodPicker
+     * @memberof UnitTimePicker
+     */
+    function render() {
+      var classes = this.props.classes;
+      var currentPeriod = this.state.currentPeriod;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.periodContainer
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
+        className: classes.icon,
+        onClick: this.handleChangePeriod
+      }), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvToggleButton, {
+        className: classes.periodToggle,
+        selected: currentPeriod === _enums.PeriodPickerOptions.PM,
+        onClick: this.handleChangePeriod
+      }, currentPeriod), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
+        className: (0, _clsx.default)(classes.icon, classes.subtractIcon),
+        onClick: this.handleChangePeriod
+      }));
+    }
+  }]);
+  return PeriodPicker;
+}(_react.default.Component);
+
+PeriodPicker.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * Callback function called when the period value changes
+   */
+  onChangePeriod: _propTypes.default.func.isRequired,
+
+  /**
+   * Default period value
+   */
+  period: _propTypes.default.oneOf([_enums.PeriodPickerOptions.AM, _enums.PeriodPickerOptions.PM])
+};
+var _default = PeriodPicker;
+exports.default = _default;
+//# sourceMappingURL=PeriodPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"names":["PeriodPicker","props","onChangePeriod","period","selectDifferentPeriod","setState","currentPeriod","state","PeriodPickerOptions","AM","PM","classes","periodContainer","icon","handleChangePeriod","periodToggle","subtractIcon","React","Component","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;AACJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAYE,YAAM;AACzB,UAAQC,cAAR,GAA2B,MAAKD,KAAhC,CAAQC,cAAR;;AACA,UAAMC,MAAM,GAAG,MAAKC,qBAAL,EAAf;;AACA,YAAKC,QAAL,CAAc;AACZC,QAAAA,aAAa,EAAEH;AADH,OAAd;;AAGAD,MAAAA,cAAc,CAACC,MAAD,CAAd;AACD,KAnBkB;AAAA,wGA0BK,YAAM;AAC5B,UAAQG,aAAR,GAA0B,MAAKC,KAA/B,CAAQD,aAAR;AACA,aAAOA,aAAa,KAAKE,2BAAoBC,EAAtC,GACHD,2BAAoBE,EADjB,GAEHF,2BAAoBC,EAFxB;AAGD,KA/BkB;AAGjB,UAAKF,KAAL,GAAa;AACXD,MAAAA,aAAa,mBAAEL,KAAK,CAACE,MAAR,yDAAkBK,2BAAoBC;AADxC,KAAb;AAHiB;AAMlB;AAED;AACF;AACA;AACA;;;;;;AAsBE;AACF;AACA;AACA;AACE,sBAAS;AACP,UAAQE,OAAR,GAAoB,KAAKV,KAAzB,CAAQU,OAAR;AACA,UAAQL,aAAR,GAA0B,KAAKC,KAA/B,CAAQD,aAAR;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEK,OAAO,CAACC;AAAxB,sBACE,6BAAC,yBAAD;AAAQ,QAAA,SAAS,EAAED,OAAO,CAACE,IAA3B;AAAiC,QAAA,OAAO,EAAE,KAAKC;AAA/C,QADF,eAEE,6BAAC,8BAAD;AACE,QAAA,SAAS,EAAEH,OAAO,CAACI,YADrB;AAEE,QAAA,QAAQ,EAAET,aAAa,KAAKE,2BAAoBE,EAFlD;AAGE,QAAA,OAAO,EAAE,KAAKI;AAHhB,SAKGR,aALH,CAFF,eASE,6BAAC,2BAAD;AACE,QAAA,SAAS,EAAE,mBAAKK,OAAO,CAACE,IAAb,EAAmBF,OAAO,CAACK,YAA3B,CADb;AAEE,QAAA,OAAO,EAAE,KAAKF;AAFhB,QATF,CADF;AAgBD;;;EA1DwBG,eAAMC,S;;AA6DjClB,YAAY,CAACmB,SAAb,GAAyB;AACvB;AACF;AACA;AACER,EAAAA,OAAO,EAAES,mBAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;AAKvB;AACF;AACA;AACErB,EAAAA,cAAc,EAAEkB,mBAAUI,IAAV,CAAeD,UARR;;AASvB;AACF;AACA;AACEpB,EAAAA,MAAM,EAAEiB,mBAAUK,KAAV,CAAgB,CAACjB,2BAAoBC,EAArB,EAAyBD,2BAAoBE,EAA7C,CAAhB;AAZe,CAAzB;eAeeV,Y","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/TimePicker/PeriodPicker/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
+
+var _default = (0, _withStyles.default)(_styles.default, {
+  name: "HvTimePickerPeriodPicker"
+})(_PeriodPicker.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"names":["styles","name","PeriodPicker"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,yBAAWA,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C","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/TimePicker/PeriodPicker/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    periodContainer: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      marginLeft: 8
+    },
+    periodToggle: {
+      height: "40px",
+      width: "40px"
+    },
+    icon: {
+      cursor: "pointer"
+    },
+    subtractIcon: {
+      marginTop: "".concat(theme.hv.spacing.xs, "px")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,OAAO,EAAE,MADM;AAEfC,MAAAA,aAAa,EAAE,QAFA;AAGfC,MAAAA,cAAc,EAAE,QAHD;AAIfC,MAAAA,UAAU,EAAE,QAJG;AAKfC,MAAAA,UAAU,EAAE;AALG,KADQ;AAQzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,MAAM,EAAE,MADI;AAEZC,MAAAA,KAAK,EAAE;AAFK,KARW;AAYzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE;AADJ,KAZmB;AAezBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,SAAS,YAAKb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAtB;AADG;AAfW,GAAZ;AAAA,CAAf;;eAoBejB,M","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"}