@hitachivantara/uikit-react-core 3.63.0 → 3.64.0

package/dist/modern/TimePicker/timePickerFormatter.js

@@ -0,0 +1,65 @@
+import { TimeFormat, PeriodPickerOptions } from "./enums";
+import { getHoursForTimeFormat } from "./timePickerConverter";
+/**
+ * Pads the unit time values so that they always have two digits
+ * @param {Number} value - unit time value
+ * @returns The unit time value with two digits
+ */
+
+const padTime = value => {
+  if (value == null || value === "" || value < 0) {
+    return value === null || value === void 0 ? void 0 : value.toString();
+  }
+
+  if (value < 10 && value.toString().length === 1) {
+    return `0${value.toString()}`;
+  }
+
+  return value.toString();
+};
+/**
+ * Gets the time format for a given locale
+ * @param {String} locale - locale
+ * @returns {TimeFormat} the time format for the given locale (12 or 24)
+ */
+
+
+const getTimeFormatForLocale = locale => {
+  const options = {
+    hour: "numeric"
+  };
+  const dateTimeFormat = new Intl.DateTimeFormat(locale, options);
+  const isInHour12Format = dateTimeFormat.resolvedOptions().hour12;
+  return isInHour12Format ? TimeFormat.H12 : TimeFormat.H24;
+};
+/**
+ * Formats the time to be rendered
+ * @param {Object} time - time object to be rendered
+ * @param {Number} time.hours - hours
+ * @param {Number} time.minutes - minutes
+ * @param {Number} time.seconds - seconds
+ * @param {String} time.period - period (am/pm). It is undefined when the time is to be shown in 24h format
+ *
+ * @returns {String} formatted time
+ */
+
+
+const getFormattedTime = (time, timeFormat) => {
+  const {
+    hours,
+    minutes,
+    seconds,
+    period
+  } = time;
+  const isInHour12Format = timeFormat === TimeFormat.H12 || timeFormat == null && period != null;
+
+  if (isInHour12Format) {
+    const p = period !== null && period !== void 0 ? period : hours > 12 ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
+    return `${padTime(getHoursForTimeFormat(hours, TimeFormat.H12))}:${padTime(minutes)}:${padTime(seconds)} ${p}`;
+  }
+
+  return `${padTime(hours)}:${padTime(minutes)}:${padTime(seconds)}`;
+};
+
+export { padTime, getFormattedTime, getTimeFormatForLocale };
+//# sourceMappingURL=timePickerFormatter.js.map

package/dist/modern/TimePicker/timePickerFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/timePickerFormatter.js"],"names":["TimeFormat","PeriodPickerOptions","getHoursForTimeFormat","padTime","value","toString","length","getTimeFormatForLocale","locale","options","hour","dateTimeFormat","Intl","DateTimeFormat","isInHour12Format","resolvedOptions","hour12","H12","H24","getFormattedTime","time","timeFormat","hours","minutes","seconds","period","p","PM","AM"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,mBAArB,QAAgD,SAAhD;AACA,SAASC,qBAAT,QAAsC,uBAAtC;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,OAAO,GAAIC,KAAD,IAAW;AACzB,MAAIA,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA3B,IAAiCA,KAAK,GAAG,CAA7C,EAAgD;AAC9C,WAAOA,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEC,QAAP,EAAP;AACD;;AACD,MAAID,KAAK,GAAG,EAAR,IAAcA,KAAK,CAACC,QAAN,GAAiBC,MAAjB,KAA4B,CAA9C,EAAiD;AAC/C,WAAQ,IAAGF,KAAK,CAACC,QAAN,EAAiB,EAA5B;AACD;;AACD,SAAOD,KAAK,CAACC,QAAN,EAAP;AACD,CARD;AAUA;AACA;AACA;AACA;AACA;;;AACA,MAAME,sBAAsB,GAAIC,MAAD,IAAY;AACzC,QAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE;AADQ,GAAhB;AAGA,QAAMC,cAAc,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBL,MAAxB,EAAgCC,OAAhC,CAAvB;AACA,QAAMK,gBAAgB,GAAGH,cAAc,CAACI,eAAf,GAAiCC,MAA1D;AACA,SAAOF,gBAAgB,GAAGd,UAAU,CAACiB,GAAd,GAAoBjB,UAAU,CAACkB,GAAtD;AACD,CAPD;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,gBAAgB,GAAG,CAACC,IAAD,EAAOC,UAAP,KAAsB;AAC7C,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;AAA3B,MAAsCL,IAA5C;AAEA,QAAMN,gBAAgB,GAAGO,UAAU,KAAKrB,UAAU,CAACiB,GAA1B,IAAkCI,UAAU,IAAI,IAAd,IAAsBI,MAAM,IAAI,IAA3F;;AAEA,MAAIX,gBAAJ,EAAsB;AACpB,UAAMY,CAAC,GAAGD,MAAH,aAAGA,MAAH,cAAGA,MAAH,GAAcH,KAAK,GAAG,EAAR,GAAarB,mBAAmB,CAAC0B,EAAjC,GAAsC1B,mBAAmB,CAAC2B,EAA/E;AACA,WAAQ,GAAEzB,OAAO,CAACD,qBAAqB,CAACoB,KAAD,EAAQtB,UAAU,CAACiB,GAAnB,CAAtB,CAA+C,IAAGd,OAAO,CAACoB,OAAD,CAAU,IAAGpB,OAAO,CAC5FqB,OAD4F,CAE5F,IAAGE,CAAE,EAFP;AAGD;;AAED,SAAQ,GAAEvB,OAAO,CAACmB,KAAD,CAAQ,IAAGnB,OAAO,CAACoB,OAAD,CAAU,IAAGpB,OAAO,CAACqB,OAAD,CAAU,EAAjE;AACD,CAbD;;AAeA,SAASrB,OAAT,EAAkBgB,gBAAlB,EAAoCZ,sBAApC","sourcesContent":["import { TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getHoursForTimeFormat } from \"./timePickerConverter\";\n\n/**\n * Pads the unit time values so that they always have two digits\n * @param {Number} value - unit time value\n * @returns The unit time value with two digits\n */\nconst padTime = (value) => {\n  if (value == null || value === \"\" || value < 0) {\n    return value?.toString();\n  }\n  if (value < 10 && value.toString().length === 1) {\n    return `0${value.toString()}`;\n  }\n  return value.toString();\n};\n\n/**\n * Gets the time format for a given locale\n * @param {String} locale - locale\n * @returns {TimeFormat} the time format for the given locale (12 or 24)\n */\nconst getTimeFormatForLocale = (locale) => {\n  const options = {\n    hour: \"numeric\",\n  };\n  const dateTimeFormat = new Intl.DateTimeFormat(locale, options);\n  const isInHour12Format = dateTimeFormat.resolvedOptions().hour12;\n  return isInHour12Format ? TimeFormat.H12 : TimeFormat.H24;\n};\n\n/**\n * Formats the time to be rendered\n * @param {Object} time - time object to be rendered\n * @param {Number} time.hours - hours\n * @param {Number} time.minutes - minutes\n * @param {Number} time.seconds - seconds\n * @param {String} time.period - period (am/pm). It is undefined when the time is to be shown in 24h format\n *\n * @returns {String} formatted time\n */\nconst getFormattedTime = (time, timeFormat) => {\n  const { hours, minutes, seconds, period } = time;\n\n  const isInHour12Format = timeFormat === TimeFormat.H12 || (timeFormat == null && period != null);\n\n  if (isInHour12Format) {\n    const p = period ?? (hours > 12 ? PeriodPickerOptions.PM : PeriodPickerOptions.AM);\n    return `${padTime(getHoursForTimeFormat(hours, TimeFormat.H12))}:${padTime(minutes)}:${padTime(\n      seconds\n    )} ${p}`;\n  }\n\n  return `${padTime(hours)}:${padTime(minutes)}:${padTime(seconds)}`;\n};\n\nexport { padTime, getFormattedTime, getTimeFormatForLocale };\n"],"file":"timePickerFormatter.js"}

package/dist/modern/TimePicker/timePickerUtils.js

@@ -0,0 +1,27 @@
+import { PeriodPickerOptions, TimePickerUnits } from "./enums";
+/**
+ * Gets the period(am/pm) for a given time
+ * @param {Date} date - Date to get the period from. The default date is the current one.
+ * @returns {String} - AM or PM
+ */
+
+const getPeriodForDate = (date = new Date()) => {
+  const hours = date.getHours();
+  return hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM;
+};
+/**
+ * Checks if the unit time value is inside the acceptable range
+ *
+ * @param {Number} value - unit time value
+ * @param {String} type - unit time type. One of the TimePickerUnits types.
+ */
+
+
+const isUnitTimeInValidRange = (value, type) => {
+  const timeUnit = TimePickerUnits[type];
+  console.log(`type = ${type}, timeUnit: ${timeUnit}`);
+  return value !== "" && value >= timeUnit.min && value <= timeUnit.max;
+};
+
+export { getPeriodForDate, isUnitTimeInValidRange };
+//# sourceMappingURL=timePickerUtils.js.map

package/dist/modern/TimePicker/timePickerUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/timePickerUtils.js"],"names":["PeriodPickerOptions","TimePickerUnits","getPeriodForDate","date","Date","hours","getHours","AM","PM","isUnitTimeInValidRange","value","type","timeUnit","console","log","min","max"],"mappings":"AAAA,SAASA,mBAAT,EAA8BC,eAA9B,QAAqD,SAArD;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,gBAAgB,GAAG,CAACC,IAAI,GAAG,IAAIC,IAAJ,EAAR,KAAuB;AAC9C,QAAMC,KAAK,GAAGF,IAAI,CAACG,QAAL,EAAd;AACA,SAAOD,KAAK,GAAG,EAAR,GAAaL,mBAAmB,CAACO,EAAjC,GAAsCP,mBAAmB,CAACQ,EAAjE;AACD,CAHD;AAKA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,sBAAsB,GAAG,CAACC,KAAD,EAAQC,IAAR,KAAiB;AAC9C,QAAMC,QAAQ,GAAGX,eAAe,CAACU,IAAD,CAAhC;AACAE,EAAAA,OAAO,CAACC,GAAR,CAAa,UAASH,IAAK,eAAcC,QAAS,EAAlD;AACA,SAAOF,KAAK,KAAK,EAAV,IAAgBA,KAAK,IAAIE,QAAQ,CAACG,GAAlC,IAAyCL,KAAK,IAAIE,QAAQ,CAACI,GAAlE;AACD,CAJD;;AAMA,SAASd,gBAAT,EAA2BO,sBAA3B","sourcesContent":["import { PeriodPickerOptions, TimePickerUnits } from \"./enums\";\n\n/**\n * Gets the period(am/pm) for a given time\n * @param {Date} date - Date to get the period from. The default date is the current one.\n * @returns {String} - AM or PM\n */\nconst getPeriodForDate = (date = new Date()) => {\n  const hours = date.getHours();\n  return hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM;\n};\n\n/**\n * Checks if the unit time value is inside the acceptable range\n *\n * @param {Number} value - unit time value\n * @param {String} type - unit time type. One of the TimePickerUnits types.\n */\nconst isUnitTimeInValidRange = (value, type) => {\n  const timeUnit = TimePickerUnits[type];\n  console.log(`type = ${type}, timeUnit: ${timeUnit}`);\n  return value !== \"\" && value >= timeUnit.min && value <= timeUnit.max;\n};\n\nexport { getPeriodForDate, isUnitTimeInValidRange };\n"],"file":"timePickerUtils.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.63.0",
+  "version": "3.64.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -47,8 +47,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@hitachivantara/uikit-common-themes": "^3.2.6",
-    "@hitachivantara/uikit-react-icons": "^3.8.4",
+    "@hitachivantara/uikit-common-themes": "^3.3.0",
+    "@hitachivantara/uikit-react-icons": "^3.8.5",
     "@popperjs/core": "2.6.0",
     "@types/plotly.js": "^1.54.20",
     "attr-accept": "^2.2.2",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4c00970fd46a9d40faccaf1a935a66b09925e174"
+  "gitHead": "4f1926e45a30ff4a83ace02e4c9829eccbb8379e"
 }