carbon-addons-iot-react 4.4.0 → 4.5.1

package/lib/components/ValueCard/ValueCard.js

@@ -19,6 +19,7 @@ var CardPropTypes = require('../../constants/CardPropTypes.js');
 var LayoutConstants = require('../../constants/LayoutConstants.js');
 var Card = require('../Card/Card.js');
 var cardUtilityFunctions = require('../../utils/cardUtilityFunctions.js');
+var dayjs = require('../../utils/dayjs.js');
 var valueCardUtils = require('./valueCardUtils.js');
 var ValueContent = require('./ValueContent.js');
 
@@ -30,7 +31,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
-var _excluded = ["title", "content", "size", "values", "isEditable", "isResizable", "i18n", "dataState", "id", "locale", "customFormatter", "children", "fontSize", "isNumberValueCompact", "testID", "testId", "onAttributeClick", "className", "shouldUseTranslatedLabels"];
+var _excluded = ["title", "content", "size", "values", "isEditable", "isResizable", "i18n", "dataState", "id", "locale", "timeZone", "customFormatter", "children", "fontSize", "isNumberValueCompact", "testID", "testId", "onAttributeClick", "className", "shouldUseTranslatedLabels"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
@@ -51,6 +52,7 @@ var ValueCard = function ValueCard(_ref) {
     dataState = _ref.dataState,
     id = _ref.id,
     locale = _ref.locale,
+    timeZone = _ref.timeZone,
     customFormatter = _ref.customFormatter,
     children = _ref.children,
     fontSize = _ref.fontSize,
@@ -61,6 +63,8 @@ var ValueCard = function ValueCard(_ref) {
     className = _ref.className,
     shouldUseTranslatedLabels = _ref.shouldUseTranslatedLabels,
     others = _objectWithoutProperties__default.default(_ref, _excluded);
+  var effectiveTimezone = timeZone || dayjs.default.tz.guess();
+  dayjs.default.tz.setDefault(effectiveTimezone);
   var availableActions = _objectSpread({
     expand: false
   }, others.availableActions);
@@ -86,6 +90,7 @@ var ValueCard = function ValueCard(_ref) {
     i18n: i18n,
     shouldUseTranslatedLabels: shouldUseTranslatedLabels,
     locale: locale,
+    timeZone: effectiveTimezone,
     id: id,
     className: classnames__default.default(className, _defineProperty__default.default(_defineProperty__default.default({}, "".concat(valueCardUtils.BASE_CLASS_NAME, "__horizontal"), layout === LayoutConstants.CARD_LAYOUTS.HORIZONTAL), "".concat(valueCardUtils.BASE_CLASS_NAME, "__vertical"), layout === LayoutConstants.CARD_LAYOUTS.VERTICAL))
     // TODO: remove deprecated 'testID' in v3.

package/lib/constants/CardPropTypes.js

@@ -753,6 +753,8 @@ var CardPropTypes = {
   testId: PropTypes__default.default.string,
   /** the locale of the card, needed for number and date formatting */
   locale: PropTypes__default.default.string,
+  /** IANA timezone string to set as default timezone for dayjs */
+  timeZone: PropTypes__default.default.string,
   /** a way to pass down dashboard grid resize handles, only used by other card types */
   resizeHandles: PropTypes__default.default.array,
   /** Optional callback function that is passed an onChange function and the original cardConfig object.

package/lib/utils/cardUtilityFunctions.js

@@ -550,7 +550,7 @@ var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip,
   : dataOrHoveredElement;
   var timeStamp = Array.isArray(data) ? (_data$ = data[0]) === null || _data$ === void 0 || (_data$ = _data$.date) === null || _data$ === void 0 ? void 0 : _data$.getTime() : data === null || data === void 0 || (_data$date = data.date) === null || _data$date === void 0 ? void 0 : _data$date.getTime();
   var dateLabel = timeStamp ? "<li class='datapoint-tooltip'>\n        <p class='label'>".concat((showTimeInGMT // show timestamp in gmt or local time
-  ? dayjs.default.utc(timeStamp) : dayjs.default(timeStamp)).format(tooltipDateFormatPattern), "</p>\n      </li>") : '';
+  ? dayjs.default.utc(timeStamp) : dayjs.default.tz(timeStamp)).format(tooltipDateFormatPattern), "</p>\n      </li>") : '';
   var matchingAlertRanges = findMatchingAlertRange(alertRanges, data);
   var matchingAlertLabels = Array.isArray(matchingAlertRanges) ? matchingAlertRanges.map(function (matchingAlertRange) {
     return "<li class='datapoint-tooltip'><a style=\"background-color:".concat(matchingAlertRange.color, "\" class=\"tooltip-color\"></a><p class='label'>").concat(alertDetected, " ").concat(matchingAlertRange.details, "</p></li>");

package/lib/utils/dayjs.js

@@ -2,8 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/es.array.find.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.string.trim.js');
 require('core-js/modules/web.dom-collections.for-each.js');
 var dayjs$2 = require('dayjs');
 
@@ -16,12 +18,14 @@ var utc = require('dayjs/plugin/utc');
 var pluralGetSet = require('dayjs/plugin/pluralGetSet');
 var timezone = require('dayjs/plugin/timezone');
 var localeData = require('dayjs/plugin/localeData');
+var customParseFormat = require('dayjs/plugin/customParseFormat');
 var dayjs = dayjs__default.default;
 dayjs.extend(localizedFormat); // gives the 'L' formatting ability for .format
 dayjs.extend(utc); // gives .utc() and .local()
 dayjs.extend(pluralGetSet); // gives .hour .minute get/set ability
 dayjs.extend(timezone); // timezone support
 dayjs.extend(localeData); // gives local specific data
+dayjs.extend(customParseFormat);
 
 /* eslint-disable global-require */
 var locales = {
@@ -451,7 +455,25 @@ var DAYJS_INPUT_FORMATS = {
   SECONDS: 'L HH:mm:ss',
   RANGE: 'L HH:mm'
 };
+var formats = [
+// ISO Variations (Most common for APIs)
+'YYYY-MM-DDTHH:mm:ssZ', 'YYYY-MM-DDTHH:mm:ss.SSSZ', 'YYYY-MM-DDTHH:mm:ss', 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm',
+// US / Common UI Variations
+'MM/DD/YYYY HH:mm:ss', 'MM/DD/YYYY HH:mm', 'MM-DD-YYYY HH:mm:ss', 'MM-DD-YYYY HH:mm',
+// 12-Hour Variations (If users can type AM/PM)
+'MM/DD/YYYY hh:mm A', 'YYYY-MM-DD hh:mm A',
+// Date Only Fallbacks
+'YYYY-MM-DD', 'MM/DD/YYYY', 'MM-DD-YYYY', 'L' // Localized format (uses the loaded Day.js locale)
+];
+var detectDateTimeFormat = function detectDateTimeFormat(dateTimeString) {
+  if (!(dateTimeString !== null && dateTimeString !== void 0 && dateTimeString.trim())) return null;
+  return formats.find(function (format) {
+    return dayjs(dateTimeString, format, true).isValid();
+  });
+};
 var dayjs$1 = dayjs;
 
 exports.DAYJS_INPUT_FORMATS = DAYJS_INPUT_FORMATS;
 exports.default = dayjs$1;
+exports.detectDateTimeFormat = detectDateTimeFormat;
+exports.formats = formats;

package/package.json

@@ -344,7 +344,7 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "4.4.0",
+  "version": "4.5.1",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",