@hitachivantara/uikit-react-lab 3.38.0

package/dist/legacy/TimePicker/timePickerConverter.js

@@ -0,0 +1,71 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { isUnitTimeInValidRange } from "./timePickerUtils";
+import { TimeFormat, PeriodPickerOptions, TimePickerUnits } from "./enums";
+/**
+ * Gets hours for the passed time format.
+ * e.g. 20hours in 12h format is set to 8
+ * @param {Number} hours - current hours
+ * @param {String} timeFormat - AM/PM
+ *
+ * @returns {Number} - hours in the correct format
+ */
+
+var getHoursForTimeFormat = function getHoursForTimeFormat(hours, timeFormat) {
+  if (timeFormat === TimeFormat.H12) {
+    if (hours == null || hours === 0) {
+      return TimePickerUnits.HOUR_12.max;
+    }
+
+    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_12.type)) {
+      return hours;
+    }
+
+    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_24.type)) {
+      return hours - TimePickerUnits.HOUR_12.max;
+    }
+  }
+
+  return hours;
+};
+/**
+ * Gets the time in 24h format
+ * e.g. 08:00:00:PM in 12h format is set to 20:00:00
+ * @param {Object} time - object with hours, minutes, seconds and period
+ * @param {String} timeFormat - AM/PM
+ *
+ * @returns {Object} - time object (hours, minutes, seconds and period) with the hours set
+ * into the correct format
+ */
+
+
+var getTimeWithFormat24 = function getTimeWithFormat24(time, timeFormat) {
+  var hours = time.hours,
+      period = time.period;
+
+  var timeIn24Format = _objectSpread({}, time);
+
+  if (timeFormat === TimeFormat.H12) {
+    if (period === PeriodPickerOptions.AM && hours === TimePickerUnits.HOUR_12.max) {
+      timeIn24Format.hours = TimePickerUnits.HOUR_24.min;
+    } else if (period === PeriodPickerOptions.PM && hours < TimePickerUnits.HOUR_12.max) {
+      timeIn24Format.hours = hours + TimePickerUnits.HOUR_12.max;
+    }
+  }
+
+  return timeIn24Format;
+};
+
+export { getHoursForTimeFormat, getTimeWithFormat24 };
+//# sourceMappingURL=timePickerConverter.js.map

package/dist/legacy/TimePicker/timePickerConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/timePickerConverter.js"],"names":["isUnitTimeInValidRange","TimeFormat","PeriodPickerOptions","TimePickerUnits","getHoursForTimeFormat","hours","timeFormat","H12","HOUR_12","max","type","HOUR_24","getTimeWithFormat24","time","period","timeIn24Format","AM","min","PM"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,sBAAT,QAAuC,mBAAvC;AACA,SAASC,UAAT,EAAqBC,mBAArB,EAA0CC,eAA1C,QAAiE,SAAjE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAQC,UAAR,EAAuB;AACnD,MAAIA,UAAU,KAAKL,UAAU,CAACM,GAA9B,EAAmC;AACjC,QAAIF,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,CAA/B,EAAkC;AAChC,aAAOF,eAAe,CAACK,OAAhB,CAAwBC,GAA/B;AACD;;AACD,QAAIT,sBAAsB,CAACK,KAAD,EAAQF,eAAe,CAACK,OAAhB,CAAwBE,IAAhC,CAA1B,EAAiE;AAC/D,aAAOL,KAAP;AACD;;AACD,QAAIL,sBAAsB,CAACK,KAAD,EAAQF,eAAe,CAACQ,OAAhB,CAAwBD,IAAhC,CAA1B,EAAiE;AAC/D,aAAOL,KAAK,GAAGF,eAAe,CAACK,OAAhB,CAAwBC,GAAvC;AACD;AACF;;AACD,SAAOJ,KAAP;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,IAAD,EAAOP,UAAP,EAAsB;AAChD,MAAQD,KAAR,GAA0BQ,IAA1B,CAAQR,KAAR;AAAA,MAAeS,MAAf,GAA0BD,IAA1B,CAAeC,MAAf;;AACA,MAAMC,cAAc,qBAAQF,IAAR,CAApB;;AACA,MAAIP,UAAU,KAAKL,UAAU,CAACM,GAA9B,EAAmC;AACjC,QAAIO,MAAM,KAAKZ,mBAAmB,CAACc,EAA/B,IAAqCX,KAAK,KAAKF,eAAe,CAACK,OAAhB,CAAwBC,GAA3E,EAAgF;AAC9EM,MAAAA,cAAc,CAACV,KAAf,GAAuBF,eAAe,CAACQ,OAAhB,CAAwBM,GAA/C;AACD,KAFD,MAEO,IAAIH,MAAM,KAAKZ,mBAAmB,CAACgB,EAA/B,IAAqCb,KAAK,GAAGF,eAAe,CAACK,OAAhB,CAAwBC,GAAzE,EAA8E;AACnFM,MAAAA,cAAc,CAACV,KAAf,GAAuBA,KAAK,GAAGF,eAAe,CAACK,OAAhB,CAAwBC,GAAvD;AACD;AACF;;AACD,SAAOM,cAAP;AACD,CAXD;;AAaA,SAASX,qBAAT,EAAgCQ,mBAAhC","sourcesContent":["import { isUnitTimeInValidRange } from \"./timePickerUtils\";\nimport { TimeFormat, PeriodPickerOptions, TimePickerUnits } from \"./enums\";\n\n/**\n * Gets hours for the passed time format.\n * e.g. 20hours in 12h format is set to 8\n * @param {Number} hours - current hours\n * @param {String} timeFormat - AM/PM\n *\n * @returns {Number} - hours in the correct format\n */\nconst getHoursForTimeFormat = (hours, timeFormat) => {\n  if (timeFormat === TimeFormat.H12) {\n    if (hours == null || hours === 0) {\n      return TimePickerUnits.HOUR_12.max;\n    }\n    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_12.type)) {\n      return hours;\n    }\n    if (isUnitTimeInValidRange(hours, TimePickerUnits.HOUR_24.type)) {\n      return hours - TimePickerUnits.HOUR_12.max;\n    }\n  }\n  return hours;\n};\n\n/**\n * Gets the time in 24h format\n * e.g. 08:00:00:PM in 12h format is set to 20:00:00\n * @param {Object} time - object with hours, minutes, seconds and period\n * @param {String} timeFormat - AM/PM\n *\n * @returns {Object} - time object (hours, minutes, seconds and period) with the hours set\n * into the correct format\n */\nconst getTimeWithFormat24 = (time, timeFormat) => {\n  const { hours, period } = time;\n  const timeIn24Format = { ...time };\n  if (timeFormat === TimeFormat.H12) {\n    if (period === PeriodPickerOptions.AM && hours === TimePickerUnits.HOUR_12.max) {\n      timeIn24Format.hours = TimePickerUnits.HOUR_24.min;\n    } else if (period === PeriodPickerOptions.PM && hours < TimePickerUnits.HOUR_12.max) {\n      timeIn24Format.hours = hours + TimePickerUnits.HOUR_12.max;\n    }\n  }\n  return timeIn24Format;\n};\n\nexport { getHoursForTimeFormat, getTimeWithFormat24 };\n"],"file":"timePickerConverter.js"}

package/dist/legacy/TimePicker/timePickerFormatter.js

@@ -0,0 +1,66 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.array.concat.js";
+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
+ */
+
+var padTime = function 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".concat(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)
+ */
+
+
+var getTimeFormatForLocale = function getTimeFormatForLocale(locale) {
+  var options = {
+    hour: "numeric"
+  };
+  var dateTimeFormat = new Intl.DateTimeFormat(locale, options);
+  var 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
+ */
+
+
+var getFormattedTime = function getFormattedTime(time, timeFormat) {
+  var hours = time.hours,
+      minutes = time.minutes,
+      seconds = time.seconds,
+      period = time.period;
+  var isInHour12Format = timeFormat === TimeFormat.H12 || timeFormat == null && period != null;
+
+  if (isInHour12Format) {
+    var p = period !== null && period !== void 0 ? period : hours > 12 ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
+    return "".concat(padTime(getHoursForTimeFormat(hours, TimeFormat.H12)), ":").concat(padTime(minutes), ":").concat(padTime(seconds), " ").concat(p);
+  }
+
+  return "".concat(padTime(hours), ":").concat(padTime(minutes), ":").concat(padTime(seconds));
+};
+
+export { padTime, getFormattedTime, getTimeFormatForLocale };
+//# sourceMappingURL=timePickerFormatter.js.map

package/dist/legacy/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,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;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,sBAAWF,KAAK,CAACC,QAAN,EAAX;AACD;;AACD,SAAOD,KAAK,CAACC,QAAN,EAAP;AACD,CARD;AAUA;AACA;AACA;AACA;AACA;;;AACA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD,EAAY;AACzC,MAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE;AADQ,GAAhB;AAGA,MAAMC,cAAc,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBL,MAAxB,EAAgCC,OAAhC,CAAvB;AACA,MAAMK,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,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAAsB;AAC7C,MAAQC,KAAR,GAA4CF,IAA5C,CAAQE,KAAR;AAAA,MAAeC,OAAf,GAA4CH,IAA5C,CAAeG,OAAf;AAAA,MAAwBC,OAAxB,GAA4CJ,IAA5C,CAAwBI,OAAxB;AAAA,MAAiCC,MAAjC,GAA4CL,IAA5C,CAAiCK,MAAjC;AAEA,MAAMX,gBAAgB,GAAGO,UAAU,KAAKrB,UAAU,CAACiB,GAA1B,IAAkCI,UAAU,IAAI,IAAd,IAAsBI,MAAM,IAAI,IAA3F;;AAEA,MAAIX,gBAAJ,EAAsB;AACpB,QAAMY,CAAC,GAAGD,MAAH,aAAGA,MAAH,cAAGA,MAAH,GAAcH,KAAK,GAAG,EAAR,GAAarB,mBAAmB,CAAC0B,EAAjC,GAAsC1B,mBAAmB,CAAC2B,EAA/E;AACA,qBAAUzB,OAAO,CAACD,qBAAqB,CAACoB,KAAD,EAAQtB,UAAU,CAACiB,GAAnB,CAAtB,CAAjB,cAAmEd,OAAO,CAACoB,OAAD,CAA1E,cAAuFpB,OAAO,CAC5FqB,OAD4F,CAA9F,cAEKE,CAFL;AAGD;;AAED,mBAAUvB,OAAO,CAACmB,KAAD,CAAjB,cAA4BnB,OAAO,CAACoB,OAAD,CAAnC,cAAgDpB,OAAO,CAACqB,OAAD,CAAvD;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/legacy/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
+ */
+
+var getPeriodForDate = function getPeriodForDate() {
+  var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var 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.
+ */
+
+
+var isUnitTimeInValidRange = function isUnitTimeInValidRange(value, type) {
+  var timeUnit = TimePickerUnits[type];
+  return value !== "" && value >= timeUnit.min && value <= timeUnit.max;
+};
+
+export { getPeriodForDate, isUnitTimeInValidRange };
+//# sourceMappingURL=timePickerUtils.js.map

package/dist/legacy/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","min","max"],"mappings":"AAAA,SAASA,mBAAT,EAA8BC,eAA9B,QAAqD,SAArD;AAEA;AACA;AACA;AACA;AACA;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAuB;AAAA,MAAtBC,IAAsB,uEAAf,IAAIC,IAAJ,EAAe;AAC9C,MAAMC,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,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AAC9C,MAAMC,QAAQ,GAAGX,eAAe,CAACU,IAAD,CAAhC;AACA,SAAOD,KAAK,KAAK,EAAV,IAAgBA,KAAK,IAAIE,QAAQ,CAACC,GAAlC,IAAyCH,KAAK,IAAIE,QAAQ,CAACE,GAAlE;AACD,CAHD;;AAKA,SAASZ,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  return value !== \"\" && value >= timeUnit.min && value <= timeUnit.max;\n};\n\nexport { getPeriodForDate, isUnitTimeInValidRange };\n"],"file":"timePickerUtils.js"}

package/dist/legacy/index.d.ts

@@ -0,0 +1,38 @@
+export { default as HvAppSwitcherPanel } from "./AppSwitcherPanel";
+export * from "./AppSwitcherPanel";
+
+export { default as HvFormComposer } from "./FormComposer";
+export * from "./FormComposer";
+
+export { default as HvNavigationAnchors } from "./NavigationAnchors";
+export * from "./NavigationAnchors";
+
+export { default as HvNotificationPanel } from "./NotificationPanel";
+export * from "./NotificationPanel";
+
+export { default as HvSlider } from "./Slider";
+export * from "./Slider";
+
+export { default as HvTable } from "./Table";
+export * from "./Table";
+
+export { default as HvTimeAgo } from "./TimeAgo";
+export * from "./TimeAgo";
+
+export { default as HvTimePicker } from "./TimePicker";
+export * from "./TimePicker";
+
+export { default as HvTag } from "./Tag";
+export * from "./Tag";
+
+export { default as HvDrawer } from "./Drawer";
+export * from "./Drawer";
+
+export { default as HvColorPicker } from "./ColorPicker";
+export * from "./ColorPicker";
+
+export { default as HvQueryBuilder } from "./QueryBuilder";
+export * from "./QueryBuilder";
+
+export { default as HvInlineEditor } from "./InlineEditor";
+export * from "./InlineEditor";

package/dist/legacy/index.js

@@ -0,0 +1,18 @@
+// components
+export { default as HvAppSwitcherPanel } from "./AppSwitcherPanel";
+export * from "./AppSwitcherPanel";
+export { default as HvFormComposer } from "./FormComposer";
+export { default as HvNavigationAnchors } from "./NavigationAnchors";
+export { default as HvNotificationPanel } from "./NotificationPanel";
+export { default as HvSlider } from "./Slider";
+export { default as HvTable } from "./Table";
+export * from "./Table";
+export { default as HvTimeAgo } from "./TimeAgo";
+export * from "./TimeAgo";
+export { default as HvTimePicker } from "./TimePicker";
+export { default as HvTag } from "./Tag";
+export { default as HvDrawer } from "./Drawer";
+export { default as HvColorPicker } from "./ColorPicker";
+export { default as HvQueryBuilder } from "./QueryBuilder";
+export { default as HvInlineEditor } from "./InlineEditor";
+//# sourceMappingURL=index.js.map

package/dist/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.js"],"names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvInlineEditor"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,cAApB,QAA0C,gBAA1C","sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\n"],"file":"index.js"}

package/dist/legacy/withStyleProps/WithStyleProps.js

@@ -0,0 +1,14 @@
+import React from "react";
+import withStyles from "@material-ui/core/styles/withStyles";
+
+var withStylesProps = function withStylesProps(styles) {
+  return function (Component) {
+    return function (props) {
+      var Comp = withStyles(styles(props))(Component);
+      return /*#__PURE__*/React.createElement(Comp, props);
+    };
+  };
+};
+
+export default withStylesProps;
+//# sourceMappingURL=WithStyleProps.js.map

package/dist/legacy/withStyleProps/WithStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/withStyleProps/WithStyleProps.js"],"names":["React","withStyles","withStylesProps","styles","Component","props","Comp"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,qCAAvB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,MAAD;AAAA,SAAY,UAACC,SAAD;AAAA,WAAe,UAACC,KAAD,EAAW;AAC5D,UAAMC,IAAI,GAAGL,UAAU,CAACE,MAAM,CAACE,KAAD,CAAP,CAAV,CAA0BD,SAA1B,CAAb;AACA,0BAAO,oBAAC,IAAD,EAAUC,KAAV,CAAP;AACD,KAHmC;AAAA,GAAZ;AAAA,CAAxB;;AAKA,eAAeH,eAAf","sourcesContent":["import React from \"react\";\nimport withStyles from \"@material-ui/core/styles/withStyles\";\n\nconst withStylesProps = (styles) => (Component) => (props) => {\n  const Comp = withStyles(styles(props))(Component);\n  return <Comp {...props} />;\n};\n\nexport default withStylesProps;\n"],"file":"WithStyleProps.js"}

package/dist/legacy/withStyleProps/index.js

@@ -0,0 +1,2 @@
+export { default } from "./WithStyleProps";
+//# sourceMappingURL=index.js.map

package/dist/legacy/withStyleProps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/withStyleProps/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB","sourcesContent":["export { default } from \"./WithStyleProps\";\n"],"file":"index.js"}

package/dist/modern/AppSwitcherPanel/Action/Action.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvAppSwitcherPanelActionApplication {
+  /**
+   * Id of the application.
+   */
+  id?: string;
+  /**
+   * Name of the application, this is the value that will be displayed on the component.
+   */
+  name: string;
+  /**
+   * The color to be applied to the item's border and to the default icon.
+   * You can use either an HEX or color name from the palette.
+   */
+  color?: string;
+  /**
+   * URL with the icon location to be used to represent the application.
+   * iconUrl will only be used if no iconElement is provided.
+   */
+  iconUrl?: string;
+  /**
+   * Element to be added as the icon representing the application.
+   * The iconElement will be the primary option to be displayed.
+   */
+  iconElement?: React.ReactNode;
+  /**
+   * Small description of the application.
+   */
+  description?: string;
+  /**
+   *  URL where the application is accesible.
+   */
+  url?: string;
+  /**
+   * Defines if the application should be opened in the same tab or in a new one.
+   */
+  target?: "_top" | "_blank";
+  /**
+   * If true, the item will be disabled.
+   */
+  disabled?: boolean;
+  /**
+   * True when the application is selected, false otherwise.
+   */
+  isSelected?: boolean;
+}
+
+export type HvAppSwitcherPanelActionClassKey =
+  | "root"
+  | "typography"
+  | "selected"
+  | "icon"
+  | "iconUrl"
+  | "title"
+  | "iconInfo";
+
+export interface HvAppSwitcherPanelActionProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherPanelActionClassKey> {
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: HvAppSwitcherPanelActionApplication;
+  /**
+   * Callback triggered when the action is clicked.
+   */
+  onClickCallback?: (event: MouseEvent, application?: HvAppSwitcherPanelActionApplication) => void;
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isSelectedCallback?: (application?: HvAppSwitcherPanelActionApplication) => boolean;
+}
+
+export default function HvAppSwitcherPanelAction(
+  props: HvAppSwitcherPanelActionProps
+): JSX.Element | null;

package/dist/modern/AppSwitcherPanel/Action/Action.js

@@ -0,0 +1,212 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { useTheme, withStyles } from "@material-ui/core";
+import { HvTypography, HvAvatar, HvTooltip, HvListItem } from "@hitachivantara/uikit-react-core";
+import { Info } from "@hitachivantara/uikit-react-icons";
+import styles from "./styles";
+import TitleWithTooltip from "../TitleWithTooltip";
+
+const getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;
+
+const Action = props => {
+  const {
+    id,
+    className,
+    classes,
+    application,
+    onClickCallback = () => {},
+    isSelectedCallback = () => false
+  } = props;
+  const {
+    name,
+    description,
+    disabled,
+    iconElement,
+    iconUrl,
+    url,
+    target
+  } = application;
+  const theme = useTheme();
+  const color = disabled ? theme.hv.palette.atmosphere.atmo5 : getColor(theme, application.color, theme.hv.palette.accent.acce1);
+  const [validIconUrl, setValidIconUrl] = useState(true);
+
+  const renderApplicationIcon = () => {
+    if (iconElement) {
+      return iconElement;
+    }
+
+    if (iconUrl && validIconUrl) {
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/alt-text
+        React.createElement("img", {
+          className: classes.iconUrl,
+          src: iconUrl,
+          onError: () => {
+            setValidIconUrl(false);
+          }
+        })
+      );
+    }
+
+    const brokenTitle = name.split(" ");
+    const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
+    return /*#__PURE__*/React.createElement(HvAvatar, {
+      size: "S",
+      backgroundColor: color,
+      variant: "square"
+    }, initials);
+  };
+
+  const isSelected = isSelectedCallback(application);
+  /**
+   * Handles the onClick event and triggers the appropriate callback if it exists.
+   */
+
+  const handleOnClick = event => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+
+    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(event, _objectSpread(_objectSpread({}, application), {}, {
+      isSelected
+    }));
+  };
+
+  const isLink = url != null;
+  return /*#__PURE__*/React.createElement(HvListItem, {
+    id: id,
+    interactive: true,
+    tabIndex: 0,
+    selected: isSelected,
+    disabled: disabled,
+    className: clsx(className, classes.root, disabled && classes.disabled, isSelected && classes.selected)
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    component: isLink ? "a" : "button",
+    href: isLink ? url : undefined,
+    target: isLink ? target || "_top" : undefined,
+    className: classes.typography,
+    onClick: handleOnClick,
+    style: {
+      borderColor: color
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.icon
+  }, renderApplicationIcon()), /*#__PURE__*/React.createElement(TitleWithTooltip, {
+    title: name,
+    className: classes.title
+  }), description && /*#__PURE__*/React.createElement(HvTooltip, {
+    disableFocusListener: true,
+    disableTouchListener: true,
+    title: /*#__PURE__*/React.createElement(HvTypography, null, description)
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Info, {
+    className: classes.iconInfo
+  })))));
+};
+
+Action.propTypes = {
+  /**
+   * Identifier to be applied to the root element.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    disabled: PropTypes.string,
+    typography: PropTypes.string,
+    selected: PropTypes.string,
+    icon: PropTypes.string,
+    iconUrl: PropTypes.string,
+    title: PropTypes.string,
+    iconInfo: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: PropTypes.shape({
+    /**
+     * Id of the application.
+     */
+    id: PropTypes.string,
+
+    /**
+     * Name of the application, this is the value that will be displayed on the component.
+     */
+    name: PropTypes.string.isRequired,
+
+    /**
+     * The color to be applied to the item's border and to the default icon.
+     * You can use either an HEX or color name from the palette.
+     */
+    color: PropTypes.string,
+
+    /**
+     * URL with the icon location to be used to represent the application.
+     * iconUrl will only be used if no iconElement is provided.
+     */
+    iconUrl: PropTypes.string,
+
+    /**
+     * Element to be added as the icon representing the application.
+     * The iconElement will be the primary option to be displayed.
+     */
+    iconElement: PropTypes.element,
+
+    /**
+     * Small description of the application.
+     */
+    description: PropTypes.string,
+
+    /**
+     *  URL where the application is accessible.
+     */
+    url: PropTypes.string,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: PropTypes.oneOf(["_top", "_blank"]),
+
+    /**
+     * If true, the item will be disabled.
+     */
+    disabled: PropTypes.bool,
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: PropTypes.bool
+  }).isRequired,
+
+  /**
+   * Callback triggered when the action is clicked.
+   */
+  onClickCallback: PropTypes.func,
+
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isSelectedCallback: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvAppSwitcherPanelAction"
+})(Action);
+//# sourceMappingURL=Action.js.map

package/dist/modern/AppSwitcherPanel/Action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/Action.js"],"names":["React","useState","PropTypes","clsx","useTheme","withStyles","HvTypography","HvAvatar","HvTooltip","HvListItem","Info","styles","TitleWithTooltip","getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","string","shape","isRequired","element","oneOf","bool","func"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst Action = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    application,\n    onClickCallback = () => {},\n    isSelectedCallback = () => false,\n  } = props;\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n  const theme = useTheme();\n  const color = disabled\n    ? theme.hv.palette.atmosphere.atmo5\n    : getColor(theme, application.color, theme.hv.palette.accent.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        // eslint-disable-next-line jsx-a11y/alt-text\n        <img\n          className={classes.iconUrl}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"S\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.selected]: isSelected,\n      })}\n    >\n      <HvTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={classes.typography}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n        <TitleWithTooltip title={name} className={classes.title} />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <Info className={classes.iconInfo} />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    disabled: PropTypes.string,\n    typography: PropTypes.string,\n    selected: PropTypes.string,\n    icon: PropTypes.string,\n    iconUrl: PropTypes.string,\n    title: PropTypes.string,\n    iconInfo: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The application data to be used to render the Action object.\n   */\n  application: PropTypes.shape({\n    /**\n     * Id of the application.\n     */\n    id: PropTypes.string,\n    /**\n     * Name of the application, this is the value that will be displayed on the component.\n     */\n    name: PropTypes.string.isRequired,\n    /**\n     * The color to be applied to the item's border and to the default icon.\n     * You can use either an HEX or color name from the palette.\n     */\n    color: PropTypes.string,\n    /**\n     * URL with the icon location to be used to represent the application.\n     * iconUrl will only be used if no iconElement is provided.\n     */\n    iconUrl: PropTypes.string,\n    /**\n     * Element to be added as the icon representing the application.\n     * The iconElement will be the primary option to be displayed.\n     */\n    iconElement: PropTypes.element,\n    /**\n     * Small description of the application.\n     */\n    description: PropTypes.string,\n    /**\n     *  URL where the application is accessible.\n     */\n    url: PropTypes.string,\n    /**\n     * Defines if the application should be opened in the same tab or in a new one.\n     */\n    target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n    /**\n     * If true, the item will be disabled.\n     */\n    disabled: PropTypes.bool,\n    /**\n     * True when the application is selected, false otherwise.\n     */\n    isSelected: PropTypes.bool,\n  }).isRequired,\n\n  /**\n   * Callback triggered when the action is clicked.\n   */\n  onClickCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanelAction\" })(Action);\n"],"file":"Action.js"}

package/dist/modern/AppSwitcherPanel/Action/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Action";
+export * from "./Action";

package/dist/modern/AppSwitcherPanel/Action/index.js

@@ -0,0 +1,3 @@
+import Action from "./Action";
+export default Action;
+//# sourceMappingURL=index.js.map

package/dist/modern/AppSwitcherPanel/Action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/index.js"],"names":["Action"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf","sourcesContent":["import Action from \"./Action\";\n\nexport default Action;\n"],"file":"index.js"}