@patternfly/react-core 4.257.0 → 4.257.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts +0 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.js +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -1
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/esm/components/Timestamp/Timestamp.js +23 -5
- package/dist/esm/components/Timestamp/Timestamp.js.map +1 -1
- package/dist/esm/helpers/datetimeUtils.d.ts +5 -0
- package/dist/esm/helpers/datetimeUtils.d.ts.map +1 -0
- package/dist/esm/helpers/datetimeUtils.js +5 -0
- package/dist/esm/helpers/datetimeUtils.js.map +1 -0
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.d.ts.map +1 -1
- package/dist/esm/helpers/index.js +1 -0
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts +0 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.js +9 -10
- package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.js +5 -4
- package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/js/components/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/js/components/Timestamp/Timestamp.js +23 -5
- package/dist/js/components/Timestamp/Timestamp.js.map +1 -1
- package/dist/js/helpers/datetimeUtils.d.ts +5 -0
- package/dist/js/helpers/datetimeUtils.d.ts.map +1 -0
- package/dist/js/helpers/datetimeUtils.js +9 -0
- package/dist/js/helpers/datetimeUtils.js.map +1 -0
- package/dist/js/helpers/index.d.ts +1 -0
- package/dist/js/helpers/index.d.ts.map +1 -1
- package/dist/js/helpers/index.js +1 -0
- package/dist/js/helpers/index.js.map +1 -1
- package/dist/umd/react-core.min.css +21391 -21391
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +2 -2
- package/src/components/CalendarMonth/CalendarMonth.tsx +1 -2
- package/src/components/DatePicker/DatePicker.tsx +2 -1
- package/src/components/Timestamp/Timestamp.tsx +26 -5
- package/src/components/Timestamp/__tests__/Timestamp.test.tsx +22 -5
- package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +0 -1
- package/src/helpers/datetimeUtils.ts +4 -0
- package/src/helpers/index.ts +1 -0
|
@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const timestamp_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Timestamp/timestamp"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const Tooltip_1 = require("../Tooltip");
|
|
9
|
+
const datetimeUtils_1 = require("../../helpers/datetimeUtils");
|
|
9
10
|
var TimestampFormat;
|
|
10
11
|
(function (TimestampFormat) {
|
|
11
12
|
TimestampFormat["full"] = "full";
|
|
@@ -19,17 +20,34 @@ var TimestampTooltipVariant;
|
|
|
19
20
|
TimestampTooltipVariant["custom"] = "custom";
|
|
20
21
|
})(TimestampTooltipVariant = exports.TimestampTooltipVariant || (exports.TimestampTooltipVariant = {}));
|
|
21
22
|
const Timestamp = (_a) => {
|
|
22
|
-
var { children, className, customFormat, date: dateProp
|
|
23
|
+
var { children, className, customFormat, date: dateProp, dateFormat, displaySuffix = '', is12Hour, locale, timeFormat, tooltip } = _a, props = tslib_1.__rest(_a, ["children", "className", "customFormat", "date", "dateFormat", "displaySuffix", "is12Hour", "locale", "timeFormat", "tooltip"]);
|
|
24
|
+
const [date, setDate] = React.useState(() => {
|
|
25
|
+
const initDate = new Date(dateProp);
|
|
26
|
+
if (datetimeUtils_1.isValidDate(initDate)) {
|
|
27
|
+
return initDate;
|
|
28
|
+
}
|
|
29
|
+
return new Date();
|
|
30
|
+
});
|
|
31
|
+
React.useEffect(() => {
|
|
32
|
+
const dateFromProp = new Date(dateProp);
|
|
33
|
+
if (datetimeUtils_1.isValidDate(dateFromProp) && dateFromProp.toString() !== new Date(date).toString()) {
|
|
34
|
+
setDate(dateFromProp);
|
|
35
|
+
}
|
|
36
|
+
else if (!dateProp) {
|
|
37
|
+
setDate(new Date());
|
|
38
|
+
}
|
|
39
|
+
}, [dateProp]);
|
|
23
40
|
const hasTimeFormat = timeFormat && !customFormat;
|
|
24
41
|
const formatOptions = Object.assign(Object.assign(Object.assign({}, (dateFormat && !customFormat && { dateStyle: dateFormat })), (customFormat && Object.assign({}, customFormat))), (is12Hour !== undefined && { hour12: is12Hour }));
|
|
25
|
-
const dateAsLocaleString = new Date(
|
|
42
|
+
const dateAsLocaleString = new Date(date).toLocaleString(locale, Object.assign(Object.assign({}, formatOptions), (hasTimeFormat && { timeStyle: timeFormat })));
|
|
26
43
|
const defaultDisplay = `${dateAsLocaleString}${displaySuffix ? ' ' + displaySuffix : ''}`;
|
|
27
44
|
const utcTimeFormat = timeFormat !== 'short' ? 'medium' : 'short';
|
|
28
45
|
const convertToUTCString = (date) => new Date(date).toUTCString().slice(0, -3);
|
|
29
|
-
const utcDateString = new Date(convertToUTCString(
|
|
46
|
+
const utcDateString = new Date(convertToUTCString(date)).toLocaleString(locale, Object.assign(Object.assign({}, formatOptions), (hasTimeFormat && { timeStyle: utcTimeFormat })));
|
|
30
47
|
const defaultTooltipContent = `${utcDateString}${(tooltip === null || tooltip === void 0 ? void 0 : tooltip.suffix) ? ' ' + tooltip.suffix : ' UTC'}`;
|
|
31
|
-
const
|
|
32
|
-
|
|
48
|
+
const { dateTime } = props, propsWithoutDateTime = tslib_1.__rest(props, ["dateTime"]);
|
|
49
|
+
const timestamp = (React.createElement("span", Object.assign({ className: react_styles_1.css(timestamp_1.default.timestamp, tooltip && timestamp_1.default.modifiers.helpText, className) }, (tooltip && { tabIndex: 0 }), propsWithoutDateTime),
|
|
50
|
+
React.createElement("time", { className: "pf-c-timestamp__text", dateTime: dateTime || new Date(date).toISOString() }, !children ? defaultDisplay : children)));
|
|
33
51
|
return tooltip ? (React.createElement(Tooltip_1.Tooltip, Object.assign({ content: tooltip.variant === TimestampTooltipVariant.default ? defaultTooltipContent : tooltip.content }, tooltip.tooltipProps), timestamp)) : (timestamp);
|
|
34
52
|
};
|
|
35
53
|
exports.Timestamp = Timestamp;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timestamp.js","sourceRoot":"","sources":["../../../../src/components/Timestamp/Timestamp.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,oHAAiF;AACjF,2DAA+C;AAC/C,wCAAqC;
|
|
1
|
+
{"version":3,"file":"Timestamp.js","sourceRoot":"","sources":["../../../../src/components/Timestamp/Timestamp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datetimeUtils.d.ts","sourceRoot":"","sources":["../../../src/helpers/datetimeUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,WAAW,SAAU,IAAI,YAAyC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.isValidDate = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* @param {Date} date - A date to check the validity of
|
|
6
|
+
*/
|
|
7
|
+
const isValidDate = (date) => Boolean(date && !isNaN(date));
|
|
8
|
+
exports.isValidDate = isValidDate;
|
|
9
|
+
//# sourceMappingURL=datetimeUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datetimeUtils.js","sourceRoot":"","sources":["../../../src/helpers/datetimeUtils.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACI,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAW,CAAC,CAAC,CAAC;AAAnE,QAAA,WAAW,eAAwD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
|
package/dist/js/helpers/index.js
CHANGED
|
@@ -13,4 +13,5 @@ tslib_1.__exportStar(require("./useIsomorphicLayout"), exports);
|
|
|
13
13
|
tslib_1.__exportStar(require("./KeyboardHandler"), exports);
|
|
14
14
|
tslib_1.__exportStar(require("./resizeObserver"), exports);
|
|
15
15
|
tslib_1.__exportStar(require("./useInterval"), exports);
|
|
16
|
+
tslib_1.__exportStar(require("./datetimeUtils"), exports);
|
|
16
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,gEAAsC;AACtC,kEAAwC;AACxC,0DAAgC;AAChC,sDAA4B;AAC5B,sDAA4B;AAC5B,iDAAuB;AACvB,0DAAgC;AAChC,gEAAsC;AACtC,4DAAkC;AAClC,2DAAiC;AACjC,wDAA8B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,gEAAsC;AACtC,kEAAwC;AACxC,0DAAgC;AAChC,sDAA4B;AAC5B,sDAA4B;AAC5B,iDAAuB;AACvB,0DAAgC;AAChC,gEAAsC;AACtC,4DAAkC;AAClC,2DAAiC;AACjC,wDAA8B;AAC9B,0DAAgC"}
|