@ui5/webcomponents-localization 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.6.0](https://github.com/SAP/ui5-webcomponents/compare/v1.5.0...v1.6.0) (2022-07-25)
+
+
+### Features
+
+* **ui5-calendar:** show months and years from both primary and secon… ([#5412](https://github.com/SAP/ui5-webcomponents/issues/5412)) ([d5dc7ec](https://github.com/SAP/ui5-webcomponents/commit/d5dc7ec))
+
+
+
+
+
 # [1.5.0](https://github.com/SAP/ui5-webcomponents/compare/v1.4.0...v1.5.0) (2022-07-03)
 
 **Note:** Version bump only for package @ui5/webcomponents-localization

package/dist/dates/convertMonthNumbersToMonthNames.js

@@ -0,0 +1,33 @@
+import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
+import getCachedLocaleDataInstance from "../getCachedLocaleDataInstance.js";
+
+/**
+ * Convert month number to month name (text).
+ * If the numbers of the two months are the same you will get the name of the month,
+ * otherwise you will get the two names separated by a dash
+ *
+ * @param firstMonth CalendarDate Month
+ * @param lastMonth CalendarDate Month
+ * @param calendarType calendar type
+ * @returns {String}
+ */
+const convertMonthNumbersToMonthNames = (firstMonth, lastMonth, calendarType) => {
+	const localeData = getCachedLocaleDataInstance(getLocale());
+	const pattern = localeData.getIntervalPattern();
+	const secondaryMonthsNames = localeData.getMonthsStandAlone("abbreviated", calendarType);
+	const secondaryMonthsNamesWide = localeData.getMonthsStandAlone("wide", calendarType);
+
+	if (firstMonth === lastMonth) {
+		return {
+			text: localeData.getMonths("abbreviated", calendarType)[firstMonth],
+			textInfo: localeData.getMonths("wide", calendarType)[firstMonth],
+		};
+	}
+
+	return {
+		text: pattern.replace(/\{0\}/, secondaryMonthsNames[firstMonth]).replace(/\{1\}/, secondaryMonthsNames[lastMonth]),
+		textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[firstMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[lastMonth]),
+	};
+};
+
+export default convertMonthNumbersToMonthNames;

package/dist/dates/getDaysInMonth.js

@@ -0,0 +1,11 @@
+import CalendarDate from "./CalendarDate.js";
+
+const getDaysInMonth = date => {
+	const tempCalendarDate = new CalendarDate(date);
+	tempCalendarDate.setDate(1);
+	tempCalendarDate.setMonth(tempCalendarDate.getMonth() + 1);
+	tempCalendarDate.setDate(0);
+	return tempCalendarDate.getDate();
+};
+
+export default getDaysInMonth;

package/dist/dates/transformDateToSecondaryType.js

@@ -0,0 +1,20 @@
+import CalendarDate from "./CalendarDate.js";
+import getDaysInMonth from "./getDaysInMonth.js";
+
+const transformDateToSecondaryType = (primaryCalendarType, secondaryCalendarType, timeStamp, hasYearPicker) => {
+	let firstDate = CalendarDate.fromLocalJSDate(new Date(timeStamp * 1000), primaryCalendarType);
+	let lastDate = CalendarDate.fromLocalJSDate(new Date(timeStamp * 1000), primaryCalendarType);
+	firstDate.setDate(1);
+
+	if (hasYearPicker) {
+		firstDate.setMonth(0);
+		lastDate.setMonth(11);
+	}
+
+	lastDate.setDate(getDaysInMonth(lastDate));
+	firstDate = new CalendarDate(firstDate, secondaryCalendarType);
+	lastDate = new CalendarDate(lastDate, secondaryCalendarType);
+	return { firstDate, lastDate };
+};
+
+export default transformDateToSecondaryType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-localization",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Localization for UI5 Web Components",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -28,12 +28,12 @@
   },
   "devDependencies": {
     "@openui5/sap.ui.core": "1.101.0",
-    "@ui5/webcomponents-tools": "1.5.0",
+    "@ui5/webcomponents-tools": "1.6.0",
     "chromedriver": "102.0.0",
     "mkdirp": "^1.0.4",
     "resolve": "^1.20.0"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "1.5.0"
+    "@ui5/webcomponents-base": "1.6.0"
   }
 }

package/src/dates/convertMonthNumbersToMonthNames.js

@@ -0,0 +1,33 @@
+import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
+import getCachedLocaleDataInstance from "../getCachedLocaleDataInstance.js";
+
+/**
+ * Convert month number to month name (text).
+ * If the numbers of the two months are the same you will get the name of the month,
+ * otherwise you will get the two names separated by a dash
+ *
+ * @param firstMonth CalendarDate Month
+ * @param lastMonth CalendarDate Month
+ * @param calendarType calendar type
+ * @returns {String}
+ */
+const convertMonthNumbersToMonthNames = (firstMonth, lastMonth, calendarType) => {
+	const localeData = getCachedLocaleDataInstance(getLocale());
+	const pattern = localeData.getIntervalPattern();
+	const secondaryMonthsNames = localeData.getMonthsStandAlone("abbreviated", calendarType);
+	const secondaryMonthsNamesWide = localeData.getMonthsStandAlone("wide", calendarType);
+
+	if (firstMonth === lastMonth) {
+		return {
+			text: localeData.getMonths("abbreviated", calendarType)[firstMonth],
+			textInfo: localeData.getMonths("wide", calendarType)[firstMonth],
+		};
+	}
+
+	return {
+		text: pattern.replace(/\{0\}/, secondaryMonthsNames[firstMonth]).replace(/\{1\}/, secondaryMonthsNames[lastMonth]),
+		textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[firstMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[lastMonth]),
+	};
+};
+
+export default convertMonthNumbersToMonthNames;

package/src/dates/getDaysInMonth.js

@@ -0,0 +1,11 @@
+import CalendarDate from "./CalendarDate.js";
+
+const getDaysInMonth = date => {
+	const tempCalendarDate = new CalendarDate(date);
+	tempCalendarDate.setDate(1);
+	tempCalendarDate.setMonth(tempCalendarDate.getMonth() + 1);
+	tempCalendarDate.setDate(0);
+	return tempCalendarDate.getDate();
+};
+
+export default getDaysInMonth;

package/src/dates/transformDateToSecondaryType.js

@@ -0,0 +1,20 @@
+import CalendarDate from "./CalendarDate.js";
+import getDaysInMonth from "./getDaysInMonth.js";
+
+const transformDateToSecondaryType = (primaryCalendarType, secondaryCalendarType, timeStamp, hasYearPicker) => {
+	let firstDate = CalendarDate.fromLocalJSDate(new Date(timeStamp * 1000), primaryCalendarType);
+	let lastDate = CalendarDate.fromLocalJSDate(new Date(timeStamp * 1000), primaryCalendarType);
+	firstDate.setDate(1);
+
+	if (hasYearPicker) {
+		firstDate.setMonth(0);
+		lastDate.setMonth(11);
+	}
+
+	lastDate.setDate(getDaysInMonth(lastDate));
+	firstDate = new CalendarDate(firstDate, secondaryCalendarType);
+	lastDate = new CalendarDate(lastDate, secondaryCalendarType);
+	return { firstDate, lastDate };
+};
+
+export default transformDateToSecondaryType;