@hitachivantara/uikit-react-core 3.63.0 → 3.64.0

package/dist/TimePicker/styles.js

@@ -0,0 +1,134 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var icon = {
+  position: "absolute",
+  right: 0,
+  bottom: 0,
+  width: "30px",
+  height: "30px"
+};
+
+var styles = function styles(theme) {
+  return {
+    input: _objectSpread(_objectSpread({
+      border: "none",
+      height: "30px",
+      width: "100%",
+      background: "white",
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.normalText), {}, {
+      "&:focus": {
+        outline: "none"
+      },
+      "&::placeholder": _objectSpread({}, theme.hv.typography.placeholderText)
+    }),
+    inputPopperOpenedBelow: {
+      boxShadow: "0 10px 12px #fff"
+    },
+    inputPopperOpenedAbove: {
+      boxShadow: "0 -10px 12px #fff"
+    },
+    inputPopperClosed: {
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6)
+    },
+    inputContainer: {
+      position: "relative",
+      background: theme.hv.palette.atmosphere.atmo1,
+      height: "32px",
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px"),
+      paddingRight: "".concat(theme.hv.spacing.md, "px")
+    },
+    labelContainer: {
+      display: "flex",
+      alignItems: "flex-start"
+    },
+    icon: _objectSpread(_objectSpread({}, icon), {}, {
+      cursor: "pointer"
+    }),
+    timePickerContainer: {
+      position: "relative",
+      minWidth: "175px"
+    },
+    label: {
+      marginBottom: 6,
+      display: "block"
+    },
+    timePopperContainer: {
+      backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo1),
+      zIndex: "10",
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "center",
+      alignItems: "center",
+      padding: "".concat(theme.hv.spacing.sm, "px"),
+      userSelect: "none",
+      minWidth: "175px"
+    },
+    separator: _objectSpread(_objectSpread({}, theme.hv.typography.sTitle), {}, {
+      width: 8,
+      position: "relative",
+      top: -8,
+      paddingLeft: 2
+    }),
+    formElementRoot: {
+      position: "relative"
+    },
+    iconBaseRoot: {
+      position: "absolute",
+      top: "-1px",
+      right: "-1px"
+    },
+    dropdownInputRootFocused: {
+      boxShadow: "none"
+    },
+    dropdownPlaceholder: {
+      color: theme.hv.palette.accent.acce1
+    },
+    dropdownPlaceholderDisabled: {
+      color: theme.hv.palette.atmosphere.atmo5
+    },
+    dropdownHeaderInvalid: {
+      border: "1px solid ".concat(theme.hv.palette.semantic.sema4),
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+      }
+    },
+    dropdownHeaderOpen: {
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1)
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/TimePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimePicker/styles.js"],"names":["icon","position","right","bottom","width","height","styles","theme","input","border","background","fontFamily","hv","typography","normalText","outline","placeholderText","inputPopperOpenedBelow","boxShadow","inputPopperOpenedAbove","inputPopperClosed","palette","atmosphere","atmo6","inputContainer","atmo1","paddingLeft","spacing","xs","paddingRight","md","labelContainer","display","alignItems","cursor","timePickerContainer","minWidth","label","marginBottom","timePopperContainer","backgroundColor","zIndex","flexDirection","justifyContent","padding","sm","userSelect","separator","sTitle","top","formElementRoot","iconBaseRoot","dropdownInputRootFocused","dropdownPlaceholder","color","accent","acce1","dropdownPlaceholderDisabled","atmo5","dropdownHeaderInvalid","semantic","sema4","dropdownHeaderOpen"],"mappings":"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","sourcesContent":["const icon = {\n  position: \"absolute\",\n  right: 0,\n  bottom: 0,\n  width: \"30px\",\n  height: \"30px\",\n};\n\nconst styles = (theme) => ({\n  input: {\n    border: \"none\",\n    height: \"30px\",\n    width: \"100%\",\n    background: \"white\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n    },\n  },\n  inputPopperOpenedBelow: {\n    boxShadow: \"0 10px 12px #fff\",\n  },\n  inputPopperOpenedAbove: {\n    boxShadow: \"0 -10px 12px #fff\",\n  },\n  inputPopperClosed: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n  },\n  inputContainer: {\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    height: \"32px\",\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n    paddingRight: `${theme.hv.spacing.md}px`,\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  icon: {\n    ...icon,\n    cursor: \"pointer\",\n  },\n  timePickerContainer: {\n    position: \"relative\",\n    minWidth: \"175px\",\n  },\n  label: {\n    marginBottom: 6,\n    display: \"block\",\n  },\n  timePopperContainer: {\n    backgroundColor: `${theme.hv.palette.atmosphere.atmo1}`,\n    zIndex: \"10\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px`,\n    userSelect: \"none\",\n    minWidth: \"175px\",\n  },\n  separator: {\n    ...theme.hv.typography.sTitle,\n    width: 8,\n    position: \"relative\",\n    top: -8,\n    paddingLeft: 2,\n  },\n\n  formElementRoot: {\n    position: \"relative\",\n  },\n\n  iconBaseRoot: {\n    position: \"absolute\",\n    top: \"-1px\",\n    right: \"-1px\",\n  },\n\n  dropdownInputRootFocused: {\n    boxShadow: \"none\",\n  },\n  dropdownPlaceholder: {\n    color: theme.hv.palette.accent.acce1,\n  },\n  dropdownPlaceholderDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  dropdownHeaderInvalid: {\n    border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n    },\n  },\n\n  dropdownHeaderOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/TimePicker/timePickerConverter.js

@@ -0,0 +1,90 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTimeWithFormat24 = exports.getHoursForTimeFormat = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _timePickerUtils = require("./timePickerUtils");
+
+var _enums = require("./enums");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/**
+ * 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 === _enums.TimeFormat.H12) {
+    if (hours == null || hours === 0) {
+      return _enums.TimePickerUnits.HOUR_12.max;
+    }
+
+    if ((0, _timePickerUtils.isUnitTimeInValidRange)(hours, _enums.TimePickerUnits.HOUR_12.type)) {
+      return hours;
+    }
+
+    if ((0, _timePickerUtils.isUnitTimeInValidRange)(hours, _enums.TimePickerUnits.HOUR_24.type)) {
+      return hours - _enums.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
+ */
+
+
+exports.getHoursForTimeFormat = getHoursForTimeFormat;
+
+var getTimeWithFormat24 = function getTimeWithFormat24(time, timeFormat) {
+  var hours = time.hours,
+      period = time.period;
+
+  var timeIn24Format = _objectSpread({}, time);
+
+  if (timeFormat === _enums.TimeFormat.H12) {
+    if (period === _enums.PeriodPickerOptions.AM && hours === _enums.TimePickerUnits.HOUR_12.max) {
+      timeIn24Format.hours = _enums.TimePickerUnits.HOUR_24.min;
+    } else if (period === _enums.PeriodPickerOptions.PM && hours < _enums.TimePickerUnits.HOUR_12.max) {
+      timeIn24Format.hours = hours + _enums.TimePickerUnits.HOUR_12.max;
+    }
+  }
+
+  return timeIn24Format;
+};
+
+exports.getTimeWithFormat24 = getTimeWithFormat24;
+//# sourceMappingURL=timePickerConverter.js.map

package/dist/TimePicker/timePickerConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimePicker/timePickerConverter.js"],"names":["getHoursForTimeFormat","hours","timeFormat","TimeFormat","H12","TimePickerUnits","HOUR_12","max","type","HOUR_24","getTimeWithFormat24","time","period","timeIn24Format","PeriodPickerOptions","AM","min","PM"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAQC,UAAR,EAAuB;AACnD,MAAIA,UAAU,KAAKC,kBAAWC,GAA9B,EAAmC;AACjC,QAAIH,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,CAA/B,EAAkC;AAChC,aAAOI,uBAAgBC,OAAhB,CAAwBC,GAA/B;AACD;;AACD,QAAI,6CAAuBN,KAAvB,EAA8BI,uBAAgBC,OAAhB,CAAwBE,IAAtD,CAAJ,EAAiE;AAC/D,aAAOP,KAAP;AACD;;AACD,QAAI,6CAAuBA,KAAvB,EAA8BI,uBAAgBI,OAAhB,CAAwBD,IAAtD,CAAJ,EAAiE;AAC/D,aAAOP,KAAK,GAAGI,uBAAgBC,OAAhB,CAAwBC,GAAvC;AACD;AACF;;AACD,SAAON,KAAP;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,IAAD,EAAOT,UAAP,EAAsB;AAChD,MAAQD,KAAR,GAA0BU,IAA1B,CAAQV,KAAR;AAAA,MAAeW,MAAf,GAA0BD,IAA1B,CAAeC,MAAf;;AACA,MAAMC,cAAc,qBAAQF,IAAR,CAApB;;AACA,MAAIT,UAAU,KAAKC,kBAAWC,GAA9B,EAAmC;AACjC,QAAIQ,MAAM,KAAKE,2BAAoBC,EAA/B,IAAqCd,KAAK,KAAKI,uBAAgBC,OAAhB,CAAwBC,GAA3E,EAAgF;AAC9EM,MAAAA,cAAc,CAACZ,KAAf,GAAuBI,uBAAgBI,OAAhB,CAAwBO,GAA/C;AACD,KAFD,MAEO,IAAIJ,MAAM,KAAKE,2BAAoBG,EAA/B,IAAqChB,KAAK,GAAGI,uBAAgBC,OAAhB,CAAwBC,GAAzE,EAA8E;AACnFM,MAAAA,cAAc,CAACZ,KAAf,GAAuBA,KAAK,GAAGI,uBAAgBC,OAAhB,CAAwBC,GAAvD;AACD;AACF;;AACD,SAAOM,cAAP;AACD,CAXD","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/TimePicker/timePickerFormatter.js

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

package/dist/TimePicker/timePickerFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimePicker/timePickerFormatter.js"],"names":["padTime","value","toString","length","getTimeFormatForLocale","locale","options","hour","dateTimeFormat","Intl","DateTimeFormat","isInHour12Format","resolvedOptions","hour12","TimeFormat","H12","H24","getFormattedTime","time","timeFormat","hours","minutes","seconds","period","p","PeriodPickerOptions","PM","AM"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,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,GAAGG,kBAAWC,GAAd,GAAoBD,kBAAWE,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,MAAMZ,gBAAgB,GAAGQ,UAAU,KAAKL,kBAAWC,GAA1B,IAAkCI,UAAU,IAAI,IAAd,IAAsBI,MAAM,IAAI,IAA3F;;AAEA,MAAIZ,gBAAJ,EAAsB;AACpB,QAAMa,CAAC,GAAGD,MAAH,aAAGA,MAAH,cAAGA,MAAH,GAAcH,KAAK,GAAG,EAAR,GAAaK,2BAAoBC,EAAjC,GAAsCD,2BAAoBE,EAA/E;AACA,qBAAU3B,OAAO,CAAC,gDAAsBoB,KAAtB,EAA6BN,kBAAWC,GAAxC,CAAD,CAAjB,cAAmEf,OAAO,CAACqB,OAAD,CAA1E,cAAuFrB,OAAO,CAC5FsB,OAD4F,CAA9F,cAEKE,CAFL;AAGD;;AAED,mBAAUxB,OAAO,CAACoB,KAAD,CAAjB,cAA4BpB,OAAO,CAACqB,OAAD,CAAnC,cAAgDrB,OAAO,CAACsB,OAAD,CAAvD;AACD,CAbD","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/TimePicker/timePickerUtils.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isUnitTimeInValidRange = exports.getPeriodForDate = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _enums = require("./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 ? _enums.PeriodPickerOptions.AM : _enums.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.
+ */
+
+
+exports.getPeriodForDate = getPeriodForDate;
+
+var isUnitTimeInValidRange = function isUnitTimeInValidRange(value, type) {
+  var timeUnit = _enums.TimePickerUnits[type];
+  console.log("type = ".concat(type, ", timeUnit: ").concat(timeUnit));
+  return value !== "" && value >= timeUnit.min && value <= timeUnit.max;
+};
+
+exports.isUnitTimeInValidRange = isUnitTimeInValidRange;
+//# sourceMappingURL=timePickerUtils.js.map

package/dist/TimePicker/timePickerUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimePicker/timePickerUtils.js"],"names":["getPeriodForDate","date","Date","hours","getHours","PeriodPickerOptions","AM","PM","isUnitTimeInValidRange","value","type","timeUnit","TimePickerUnits","console","log","min","max"],"mappings":";;;;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,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,GAAaE,2BAAoBC,EAAjC,GAAsCD,2BAAoBE,EAAjE;AACD,CAHD;AAKA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AAC9C,MAAMC,QAAQ,GAAGC,uBAAgBF,IAAhB,CAAjB;AACAG,EAAAA,OAAO,CAACC,GAAR,kBAAsBJ,IAAtB,yBAAyCC,QAAzC;AACA,SAAOF,KAAK,KAAK,EAAV,IAAgBA,KAAK,IAAIE,QAAQ,CAACI,GAAlC,IAAyCN,KAAK,IAAIE,QAAQ,CAACK,GAAlE;AACD,CAJD","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/dist/legacy/SimpleGrid/SimpleGrid.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from "react";
+
+export type Spacing = "xs" | "sm" | "md" | "lg";
+export type Breakpoints = {
+  cols?: number;
+  maxWidth?: number;
+  minWidth?: number;
+  spacing?: Spacing;
+};
+
+export interface SimpleGridProps extends FunctionComponent {
+  spacing?: Spacing;
+  cols?: number;
+  breakpoints?: Breakpoints;
+}
+
+export default function HvSimpleGrid(props: SimpleGridProps): JSX.Element | null;

package/dist/legacy/SimpleGrid/SimpleGrid.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "breakpoints", "spacing", "cols"];
+import React from "react";
+import PropTypes from "prop-types";
+import useStyles from "./styles";
+
+var SimpleGrid = function SimpleGrid(_ref) {
+  var children = _ref.children,
+      breakpoints = _ref.breakpoints,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+      cols = _ref.cols,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = useStyles({
+    breakpoints: breakpoints,
+    cols: cols,
+    spacing: spacing
+  })();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.container
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? SimpleGrid.propTypes = {
+  /**
+   * -
+   */
+  children: PropTypes.node,
+
+  /**
+   * Spacing with pre-defined values according the values defined in the theme
+   */
+  spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"]),
+
+  /**
+   * Provide an array to define responsive behavior:
+   *
+   *    maxWidth or minWidth: max-width or min-width at which media query will work
+   *
+   *    cols: number of columns per row at given max-width
+   *
+   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
+   */
+  breakpoints: PropTypes.arrayOf(PropTypes.shape({
+    maxWidth: PropTypes.number,
+    minWidth: PropTypes.number,
+    cols: PropTypes.number,
+    spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"])
+  })),
+
+  /**
+   * Number of how many columns the content will be displayed
+   */
+  cols: PropTypes.number
+} : void 0;
+export default SimpleGrid;
+//# sourceMappingURL=SimpleGrid.js.map

package/dist/legacy/SimpleGrid/SimpleGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"names":["React","PropTypes","useStyles","SimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAgE;AAAA,MAA7DC,QAA6D,QAA7DA,QAA6D;AAAA,MAAnDC,WAAmD,QAAnDA,WAAmD;AAAA,0BAAtCC,OAAsC;AAAA,MAAtCA,OAAsC,6BAA5B,IAA4B;AAAA,MAAtBC,IAAsB,QAAtBA,IAAsB;AAAA,MAAbC,MAAa;;AACjF,MAAMC,OAAO,GAAGP,SAAS,CAAC;AAAEG,IAAAA,WAAW,EAAXA,WAAF;AAAeE,IAAAA,IAAI,EAAJA,IAAf;AAAqBD,IAAAA,OAAO,EAAPA;AAArB,GAAD,CAAT,EAAhB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEG,OAAO,CAACC;AAAxB,KAAuCF,MAAvC,GACGJ,QADH,CADF;AAKD,CAPD;;AASA,wCAAAD,UAAU,CAACQ,SAAX,GAAuB;AACrB;AACF;AACA;AACEP,EAAAA,QAAQ,EAAEH,SAAS,CAACW,IAJC;;AAKrB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEL,SAAS,CAACY,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARY;;AASrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACER,EAAAA,WAAW,EAAEJ,SAAS,CAACa,OAAV,CACXb,SAAS,CAACc,KAAV,CAAgB;AACdC,IAAAA,QAAQ,EAAEf,SAAS,CAACgB,MADN;AAEdC,IAAAA,QAAQ,EAAEjB,SAAS,CAACgB,MAFN;AAGdV,IAAAA,IAAI,EAAEN,SAAS,CAACgB,MAHF;AAIdX,IAAAA,OAAO,EAAEL,SAAS,CAACY,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;AAJK,GAAhB,CADW,CAlBQ;;AA0BrB;AACF;AACA;AACEN,EAAAA,IAAI,EAAEN,SAAS,CAACgB;AA7BK,CAAvB;AAgCA,eAAed,UAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport useStyles from \"./styles\";\n\nconst SimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default SimpleGrid;\n"],"file":"SimpleGrid.js"}

package/dist/legacy/SimpleGrid/index.d.ts

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

package/dist/legacy/SimpleGrid/index.js

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

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

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

package/dist/legacy/SimpleGrid/styles.js

@@ -0,0 +1,81 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/es.array.sort.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.concat.js";
+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.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 { makeStyles } from "@material-ui/core";
+
+function size(props) {
+  if (typeof props.size === "number") {
+    return props.size;
+  }
+
+  return props.sizes[props.size] || props.size || props.sizes.md;
+}
+
+function getSortedBreakpoints(theme, breakpoints) {
+  if (breakpoints.length === 0) {
+    return breakpoints;
+  }
+
+  var property = "maxWidth" in breakpoints[0] ? "maxWidth" : "minWidth";
+
+  var sorted = _toConsumableArray(breakpoints).sort(function (a, b) {
+    return size({
+      size: b[property],
+      sizes: theme.breakpoints
+    }) - size({
+      size: a[property],
+      sizes: theme.breakpoints
+    });
+  });
+
+  return property === "minWidth" ? sorted.reverse() : sorted;
+}
+
+var styles = function styles(props) {
+  return makeStyles(function (theme) {
+    var breakpoints = props.breakpoints,
+        spacing = props.spacing,
+        cols = props.cols;
+    var gridBreakpoints = null;
+
+    if (breakpoints) {
+      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce(function (acc, breakpoint) {
+        var property = "maxWidth" in breakpoint ? "max-width" : "min-width";
+        var breakpointSize = size({
+          size: property === "max-width" ? breakpoint.maxWidth : breakpoint.minWidth,
+          sizes: theme.breakpoints
+        });
+        acc["@media (".concat(property, ": ").concat(breakpointSize + (property === "max-width" ? 0 : 1), "px)")] = {
+          gridTemplateColumns: "repeat(".concat(breakpoint.cols, ", minmax(0, 1fr))"),
+          gap: theme.hv.spacing[spacing]
+        };
+        return acc;
+      }, {});
+    }
+
+    return {
+      container: _objectSpread({
+        boxSizing: "border-box",
+        display: "grid",
+        gridTemplateColumns: "repeat(".concat(cols, ", minmax(0, 1fr))"),
+        gap: theme.hv.spacing[spacing]
+      }, gridBreakpoints)
+    };
+  });
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/SimpleGrid/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SimpleGrid/styles.js"],"names":["makeStyles","size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAASA,UAAT,QAA2B,mBAA3B;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqB;AACnB,MAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;AAClC,WAAOC,KAAK,CAACD,IAAb;AACD;;AAED,SAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;AAChD,MAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;AAC5B,WAAOD,WAAP;AACD;;AAED,MAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;;AACA,MAAMG,MAAM,GAAG,mBAAIH,WAAJ,EAAiBI,IAAjB,CACb,UAACC,CAAD,EAAIC,CAAJ;AAAA,WACEZ,IAAI,CAAC;AAAEA,MAAAA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;AAAqBN,MAAAA,KAAK,EAAEG,KAAK,CAACC;AAAlC,KAAD,CAAJ,GACAN,IAAI,CAAC;AAAEA,MAAAA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;AAAqBN,MAAAA,KAAK,EAAEG,KAAK,CAACC;AAAlC,KAAD,CAFN;AAAA,GADa,CAAf;;AAMA,SAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;AAAA,SACbF,UAAU,CAAC,UAACM,KAAD,EAAW;AACpB,QAAQC,WAAR,GAAuCL,KAAvC,CAAQK,WAAR;AAAA,QAAqBS,OAArB,GAAuCd,KAAvC,CAAqBc,OAArB;AAAA,QAA8BC,IAA9B,GAAuCf,KAAvC,CAA8Be,IAA9B;AACA,QAAIC,eAAe,GAAG,IAAtB;;AACA,QAAIX,WAAJ,EAAiB;AACfW,MAAAA,eAAe,GAAGb,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCY,MAAzC,CAAgD,UAACC,GAAD,EAAMC,UAAN,EAAqB;AACrF,YAAMZ,QAAQ,GAAG,cAAcY,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;AACA,YAAMC,cAAc,GAAGrB,IAAI,CAAC;AAC1BA,UAAAA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2BY,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;AAE1BrB,UAAAA,KAAK,EAAEG,KAAK,CAACC;AAFa,SAAD,CAA3B;AAKAa,QAAAA,GAAG,mBAAYX,QAAZ,eAAyBa,cAAc,IAAIb,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAvC,SAAH,GAAwF;AACtFgB,UAAAA,mBAAmB,mBAAYJ,UAAU,CAACJ,IAAvB,sBADmE;AAEtFS,UAAAA,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;AAFiF,SAAxF;AAKA,eAAOI,GAAP;AACD,OAbiB,EAaf,EAbe,CAAlB;AAcD;;AAED,WAAO;AACLQ,MAAAA,SAAS;AACPC,QAAAA,SAAS,EAAE,YADJ;AAEPC,QAAAA,OAAO,EAAE,MAFF;AAGPL,QAAAA,mBAAmB,mBAAYR,IAAZ,sBAHZ;AAIPS,QAAAA,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;AAJE,SAKJE,eALI;AADJ,KAAP;AASD,GA7BS,CADG;AAAA,CAAf;;AAgCA,eAAeH,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js

@@ -0,0 +1,78 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { DropUpXS as UpIcon, DropDownXS as DownIcon } from "@hitachivantara/uikit-react-icons";
+import { HvToggleButton } from "../..";
+import { PeriodPickerOptions } from "../enums";
+
+var PeriodPicker = function PeriodPicker(props) {
+  var classes = props.classes,
+      period = props.period,
+      onChangePeriod = props.onChangePeriod;
+
+  var _useState = useState(period !== null && period !== void 0 ? period : PeriodPickerOptions.AM),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPeriod = _useState2[0],
+      setCurrentPeriod = _useState2[1];
+  /**
+   * Gets the new value for the period
+   * @returns the new value for the period
+   * @memberof UnitTimePicker
+   */
+
+
+  var selectDifferentPeriod = function selectDifferentPeriod() {
+    return currentPeriod === PeriodPickerOptions.AM ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
+  };
+  /**
+   * Handles the period change
+   * @memberof PeriodPicker
+   */
+
+
+  var handleChangePeriod = function handleChangePeriod() {
+    var newPeriod = selectDifferentPeriod();
+    setCurrentPeriod(newPeriod);
+    onChangePeriod(newPeriod);
+  };
+  /**
+   * Renders the PeriodPicker
+   * @memberof UnitTimePicker
+   */
+
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.periodContainer
+  }, /*#__PURE__*/React.createElement(UpIcon, {
+    className: classes.icon,
+    onClick: handleChangePeriod
+  }), /*#__PURE__*/React.createElement(HvToggleButton, {
+    className: classes.periodToggle,
+    selected: currentPeriod === PeriodPickerOptions.PM,
+    onClick: handleChangePeriod
+  }, currentPeriod), /*#__PURE__*/React.createElement(DownIcon, {
+    className: clsx(classes.icon, classes.subtractIcon),
+    onClick: handleChangePeriod
+  }));
+}; // }
+
+
+process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Callback function called when the period value changes
+   */
+  onChangePeriod: PropTypes.func.isRequired,
+
+  /**
+   * Default period value
+   */
+  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM])
+} : void 0;
+export default PeriodPicker;
+//# sourceMappingURL=PeriodPicker.js.map