@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","classes","period","onChangePeriod","useState","PeriodPickerOptions","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","clsx","subtractIcon","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={handleChangePeriod} />\n    </div>\n  );\n};\n// }\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAQC,OAAR,GAA4CD,KAA5C,CAAQC,OAAR;EAAA,IAAiBC,MAAjB,GAA4CF,KAA5C,CAAiBE,MAAjB;EAAA,IAAyBC,cAAzB,GAA4CH,KAA5C,CAAyBG,cAAzB;;EACA,gBAA0C,IAAAC,eAAA,EAASF,MAAT,aAASA,MAAT,cAASA,MAAT,GAAmBG,0BAAA,CAAoBC,EAAvC,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;EAEA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,OAAOF,aAAa,KAAKF,0BAAA,CAAoBC,EAAtC,GACHD,0BAAA,CAAoBK,EADjB,GAEHL,0BAAA,CAAoBC,EAFxB;EAGD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAMC,SAAS,GAAGH,qBAAqB,EAAvC;IACAD,gBAAgB,CAACI,SAAD,CAAhB;IACAT,cAAc,CAACS,SAAD,CAAd;EACD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,oBACE;IAAK,SAAS,EAAEX,OAAO,CAACY;EAAxB,gBACE,6BAAC,yBAAD;IAAQ,SAAS,EAAEZ,OAAO,CAACa,IAA3B;IAAiC,OAAO,EAAEH;EAA1C,EADF,eAEE,6BAAC,gBAAD;IACE,SAAS,EAAEV,OAAO,CAACc,YADrB;IAEE,QAAQ,EAAER,aAAa,KAAKF,0BAAA,CAAoBK,EAFlD;IAGE,OAAO,EAAEC;EAHX,GAKGJ,aALH,CAFF,eASE,6BAAC,2BAAD;IAAU,SAAS,EAAE,IAAAS,aAAA,EAAKf,OAAO,CAACa,IAAb,EAAmBb,OAAO,CAACgB,YAA3B,CAArB;IAA+D,OAAO,EAAEN;EAAxE,EATF,CADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAZ,YAAY,CAACmB,SAAb,GAAyB;EACvB;AACF;AACA;EACEjB,OAAO,EAAEkB,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEnB,cAAc,EAAEgB,kBAAA,CAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEpB,MAAM,EAAEiB,kBAAA,CAAUK,KAAV,CAAgB,CAACnB,0BAAA,CAAoBC,EAArB,EAAyBD,0BAAA,CAAoBK,EAA7C,CAAhB;AAZe,CAAzB;eAeeX,Y"}
+{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","classes","period","onChangePeriod","useState","PeriodPickerOptions","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","clsx","subtractIcon","propTypes","PropTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={handleChangePeriod} />\n    </div>\n  );\n};\n// }\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAQC,OAAR,GAA4CD,KAA5C,CAAQC,OAAR;EAAA,IAAiBC,MAAjB,GAA4CF,KAA5C,CAAiBE,MAAjB;EAAA,IAAyBC,cAAzB,GAA4CH,KAA5C,CAAyBG,cAAzB;;EACA,gBAA0C,IAAAC,eAAA,EAASF,MAAT,aAASA,MAAT,cAASA,MAAT,GAAmBG,0BAAA,CAAoBC,EAAvC,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;EAEA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,OAAOF,aAAa,KAAKF,0BAAA,CAAoBC,EAAtC,GACHD,0BAAA,CAAoBK,EADjB,GAEHL,0BAAA,CAAoBC,EAFxB;EAGD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAMC,SAAS,GAAGH,qBAAqB,EAAvC;IACAD,gBAAgB,CAACI,SAAD,CAAhB;IACAT,cAAc,CAACS,SAAD,CAAd;EACD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,oBACE;IAAK,SAAS,EAAEX,OAAO,CAACY,eAAxB;IAAA,wBACE,qBAAC,yBAAD;MAAQ,SAAS,EAAEZ,OAAO,CAACa,IAA3B;MAAiC,OAAO,EAAEH;IAA1C,EADF,eAEE,qBAAC,gBAAD;MACE,SAAS,EAAEV,OAAO,CAACc,YADrB;MAEE,QAAQ,EAAER,aAAa,KAAKF,0BAAA,CAAoBK,EAFlD;MAGE,OAAO,EAAEC,kBAHX;MAAA,UAKGJ;IALH,EAFF,eASE,qBAAC,2BAAD;MAAU,SAAS,EAAE,IAAAS,aAAA,EAAKf,OAAO,CAACa,IAAb,EAAmBb,OAAO,CAACgB,YAA3B,CAArB;MAA+D,OAAO,EAAEN;IAAxE,EATF;EAAA,EADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAZ,YAAY,CAACmB,SAAb,GAAyB;EACvB;AACF;AACA;EACEjB,OAAO,EAAEkB,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEnB,cAAc,EAAEgB,kBAAA,CAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEpB,MAAM,EAAEiB,kBAAA,CAAUK,KAAV,CAAgB,CAACnB,0BAAA,CAAoBC,EAArB,EAAyBD,0BAAA,CAAoBK,EAA7C,CAAhB;AAZe,CAAzB;eAeeX,Y"}

package/dist/TimePicker/PeriodPicker/index.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+var _styles = require("@mui/styles");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
 
-var _default = (0, _withStyles.default)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvTimePickerPeriodPicker"
 })(_PeriodPicker.default);
 

package/dist/TimePicker/PeriodPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,mBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}
+{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"sources":["../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}

package/dist/TimePicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormElementProps, HvBaseDropdownProps } from "..";
 
 export type HvTimePickerClassKey =

package/dist/TimePicker/TimePicker.js

@@ -41,8 +41,6 @@ require("core-js/modules/es.string.trim.js");
 
 require("core-js/modules/es.array.join.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -55,7 +53,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -71,7 +69,9 @@ var _UnitTimePicker = _interopRequireDefault(require("./UnitTimePicker"));
 
 var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "status", "statusMessage", "aria-errormessage", "placeholder", "hoursPlaceholder", "minutesPlaceholder", "secondsPlaceholder", "value", "defaultValue", "timeFormat", "locale", "disableDefaultValue", "onToggle", "hours", "minutes", "seconds", "period", "disablePortal", "escapeWithReference", "dropdownProps"];
 
@@ -377,7 +377,7 @@ var HvTimePicker = function HvTimePicker(_ref) {
     errorMessageId = canShowError ? (0, _.setId)(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, _objectSpread(_objectSpread({
     id: id,
     name: name,
     locale: locale,
@@ -388,82 +388,93 @@ var HvTimePicker = function HvTimePicker(_ref) {
       root: classes.formElementRoot
     },
     className: (0, _clsx.default)(className, classes.root)
-  }, others), (hasLabels || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabels && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
-    id: (0, _.setId)(elementId, "label"),
-    label: label,
-    className: classes.label
-  }), hasDescription && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
-    id: (0, _.setId)(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/_react.default.createElement(_.HvBaseDropdown, (0, _extends2.default)({
-    id: (0, _.setId)(elementId, "timepicker-dropdown"),
-    role: "combobox",
-    placeholder: lastValidValue != null ? (0, _timePickerFormatter.getFormattedTime)(lastValidValue, timeFormat) : /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-      variant: "placeholderText"
-    }, placeholder),
-    classes: {
-      placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,
-      header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
-      headerOpen: classes.dropdownHeaderOpen
-    },
-    variableWidth: true,
-    placement: "right",
-    adornment: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Time, {
-      color: disabled ? "atmo5" : "acce1",
-      className: classes.iconBaseRoot
-    }),
-    expanded: isOpen,
-    onToggle: onToggle,
-    onContainerCreation: setFocusToContent,
-    "aria-haspopup": "dialog",
-    "aria-label": ariaLabel,
-    "aria-labelledby": [label && (0, _.setId)(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-    "aria-invalid": isStateInvalid ? true : undefined,
-    "aria-errormessage": errorMessageId,
-    "aria-describedby": [description && (0, _.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    disablePortal: disablePortal,
-    disabled: disabled,
-    readOnly: readOnly,
-    popperProps: {
-      modifiers: [{
-        name: "preventOverflow",
-        enabled: escapeWithReference
-      }]
-    }
-  }, dropdownProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.timePopperContainer
-  }, /*#__PURE__*/_react.default.createElement(_UnitTimePicker.default, {
-    id: (0, _.setId)(elementId, "hours"),
-    placeholder: hoursPlaceholder,
-    unit: timeFormat === _enums.TimeFormat.H24 ? _enums.TimePickerUnits.HOUR_24.type : _enums.TimePickerUnits.HOUR_12.type,
-    unitValue: value === null || value === void 0 ? void 0 : value.hours,
-    onChangeUnitTimeValue: handleHoursChange
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.separator
-  }, ":"), /*#__PURE__*/_react.default.createElement(_UnitTimePicker.default, {
-    id: (0, _.setId)(elementId, "minutes"),
-    placeholder: minutesPlaceholder,
-    unit: _enums.TimePickerUnits.MINUTE.type,
-    unitValue: value === null || value === void 0 ? void 0 : value.minutes,
-    onChangeUnitTimeValue: handleMinutesChange
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.separator
-  }, ":"), /*#__PURE__*/_react.default.createElement(_UnitTimePicker.default, {
-    id: (0, _.setId)(elementId, "seconds"),
-    placeholder: secondsPlaceholder,
-    unit: _enums.TimePickerUnits.SECOND.type,
-    unitValue: value === null || value === void 0 ? void 0 : value.seconds,
-    onChangeUnitTimeValue: handleSecondsChange
-  }), timeFormat === _enums.TimeFormat.H12 && /*#__PURE__*/_react.default.createElement(_PeriodPicker.default, {
-    onChangePeriod: handleChangePeriod,
-    period: value === null || value === void 0 ? void 0 : value.period
-  }))), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _.setId)(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+  }, others), {}, {
+    children: [(hasLabels || hasDescription) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.labelContainer,
+      children: [hasLabels && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, {
+        id: (0, _.setId)(elementId, "label"),
+        label: label,
+        className: classes.label
+      }), hasDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInfoMessage, {
+        id: (0, _.setId)(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvBaseDropdown, _objectSpread(_objectSpread({
+      id: (0, _.setId)(elementId, "timepicker-dropdown"),
+      role: "combobox",
+      placeholder: lastValidValue != null ? (0, _timePickerFormatter.getFormattedTime)(lastValidValue, timeFormat) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+        variant: "placeholderText",
+        children: placeholder
+      }),
+      classes: {
+        placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,
+        header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
+        headerOpen: classes.dropdownHeaderOpen
+      },
+      variableWidth: true,
+      placement: "right",
+      adornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Time, {
+        color: disabled ? "atmo5" : "acce1",
+        className: classes.iconBaseRoot
+      }),
+      expanded: isOpen,
+      onToggle: onToggle,
+      onContainerCreation: setFocusToContent,
+      "aria-haspopup": "dialog",
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && (0, _.setId)(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
+      "aria-invalid": isStateInvalid ? true : undefined,
+      "aria-errormessage": errorMessageId,
+      "aria-describedby": [description && (0, _.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      disablePortal: disablePortal,
+      disabled: disabled,
+      readOnly: readOnly,
+      popperProps: {
+        modifiers: [{
+          name: "preventOverflow",
+          enabled: escapeWithReference
+        }]
+      }
+    }, dropdownProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classes.timePopperContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTimePicker.default, {
+          id: (0, _.setId)(elementId, "hours"),
+          placeholder: hoursPlaceholder,
+          unit: timeFormat === _enums.TimeFormat.H24 ? _enums.TimePickerUnits.HOUR_24.type : _enums.TimePickerUnits.HOUR_12.type,
+          unitValue: value === null || value === void 0 ? void 0 : value.hours,
+          onChangeUnitTimeValue: handleHoursChange
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: classes.separator,
+          children: ":"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTimePicker.default, {
+          id: (0, _.setId)(elementId, "minutes"),
+          placeholder: minutesPlaceholder,
+          unit: _enums.TimePickerUnits.MINUTE.type,
+          unitValue: value === null || value === void 0 ? void 0 : value.minutes,
+          onChangeUnitTimeValue: handleMinutesChange
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: classes.separator,
+          children: ":"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTimePicker.default, {
+          id: (0, _.setId)(elementId, "seconds"),
+          placeholder: secondsPlaceholder,
+          unit: _enums.TimePickerUnits.SECOND.type,
+          unitValue: value === null || value === void 0 ? void 0 : value.seconds,
+          onChangeUnitTimeValue: handleSecondsChange
+        }), timeFormat === _enums.TimeFormat.H12 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PeriodPicker.default, {
+          onChangePeriod: handleChangePeriod,
+          period: value === null || value === void 0 ? void 0 : value.period
+        })]
+      })
+    })), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _.setId)(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvTimePicker.propTypes = {
@@ -748,7 +759,7 @@ process.env.NODE_ENV !== "production" ? HvTimePicker.propTypes = {
   dropdownProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvTimePicker"
 })(HvTimePicker);
 

package/dist/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","names":["setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","TimeFormat","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","valueProp","value","defaultValueProp","defaultValue","chosenTimeFormat","localeProp","locale","disableDefaultValue","onToggleCallback","onToggle","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","useUniqueId","localeFromProvider","useLocale","useMemo","toString","getTimeFormatForLocale","useSavedState","v","getHoursForTimeFormat","PeriodPickerOptions","AM","PM","setValue","rollbackValue","lastValidValue","useControlled","validationMessage","validationState","setValidationState","useState","isOpen","setOpen","firstRender","useRef","currentValue","useEffect","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","getTimeWithFormat24","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","setId","root","formElementRoot","clsx","labelContainer","getFormattedTime","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","TimePickerUnits","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","PropTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/TimePicker/TimePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvFormElement,\n  HvBaseDropdown,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n  setId,\n  useUniqueId,\n  useControlled,\n  useLocale,\n  HvTypography,\n  useSavedState,\n} from \"..\";\n\nimport { TimePickerUnits, TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nimport styles from \"./styles\";\n\nconst setFocusToContent = (containerRef) => {\n  containerRef?.getElementsByTagName(\"input\")[0]?.focus();\n};\n\nconst timeIsEqual = (timeA, timeB) => {\n  return (\n    timeA === timeB ||\n    (timeA == null && timeB == null) ||\n    (timeA != null &&\n      timeB != null &&\n      timeA.hours === timeB.hours &&\n      timeA.minutes === timeB.minutes &&\n      timeA.seconds === timeB.seconds &&\n      timeA.period === timeB.period)\n  );\n};\n\nconst timeIsValid = (time, timeFormat) => {\n  const hourInputState =\n    time?.hours != null &&\n    time.hours !== \"\" &&\n    time.hours >= 0 &&\n    ((timeFormat === TimeFormat.H24 && time.hours <= 24) ||\n      (timeFormat === TimeFormat.H12 && time.hours <= 12));\n  const minutesInputState =\n    time?.minutes != null && time.minutes !== \"\" && time.minutes >= 0 && time.minutes <= 59;\n  const secondsInputState =\n    time?.seconds != null && time.seconds !== \"\" && time.seconds >= 0 && time.seconds <= 59;\n\n  return hourInputState && minutesInputState && secondsInputState;\n};\n\n/**\n * A TimePicker component used to choose the time.\n */\n\nconst HvTimePicker = ({\n  classes,\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n  readOnly = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n\n  placeholder,\n  hoursPlaceholder = \"hh\",\n  minutesPlaceholder = \"mm\",\n  secondsPlaceholder = \"ss\",\n\n  value: valueProp,\n  defaultValue: defaultValueProp,\n\n  timeFormat: chosenTimeFormat,\n  locale: localeProp,\n\n  disableDefaultValue,\n\n  onToggle: onToggleCallback,\n\n  // deprecated properties:\n  hours = new Date().getHours(),\n  minutes = new Date().getMinutes(),\n  seconds = 0,\n  period: chosenTimePeriod,\n\n  // misc properties:\n  disablePortal = true,\n  escapeWithReference = true,\n  dropdownProps,\n  ...others\n}) => {\n  // #region STATE\n  const elementId = useUniqueId(id, \"hvtimepicker\");\n\n  const localeFromProvider = useLocale();\n  const locale = localeProp || localeFromProvider;\n  const timeFormat = useMemo(\n    () => (chosenTimeFormat != null ? chosenTimeFormat.toString() : getTimeFormatForLocale(locale)),\n    [chosenTimeFormat, locale]\n  );\n\n  const [value, setValue, rollbackValue, lastValidValue] = useSavedState(() => {\n    // fallback to the deprecated properties\n    // we shouldn't do that when promoting to core\n    // as it makes impossible to start with an empty value\n    const defaultValue =\n      defaultValueProp ??\n      (disableDefaultValue\n        ? null\n        : {\n            hours,\n            minutes,\n            seconds,\n          });\n\n    const v = valueProp ?? defaultValue;\n\n    return v != null\n      ? {\n          hours: v?.hours != null ? getHoursForTimeFormat(v.hours, timeFormat) : null,\n          minutes: v?.minutes,\n          seconds: v?.seconds,\n          period:\n            timeFormat === TimeFormat.H12\n              ? chosenTimePeriod ??\n                (v?.hours == null || v.hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM)\n              : null,\n        }\n      : null;\n  });\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [isOpen, setOpen] = useState(false);\n  // #endregion\n\n  // #region SIDE EFFECTS\n  const firstRender = useRef(true);\n  const currentValue = useRef(value);\n  useEffect(() => {\n    currentValue.current = value;\n  });\n  const currentTimeFormat = useRef(timeFormat);\n  useEffect(() => {\n    currentTimeFormat.current = timeFormat;\n  });\n\n  useEffect(() => {\n    // allow external changes to the time format (via timeFormat or locale properties)\n    if (!firstRender.current && currentValue.current != null) {\n      const to12 = timeFormat === TimeFormat.H12;\n\n      let { hours: h, period: p } = currentValue.current;\n      if (to12) {\n        if (h == null || h < 12) {\n          p = PeriodPickerOptions.AM;\n        } else {\n          p = PeriodPickerOptions.PM;\n          if (h > 12) {\n            h -= 12;\n          }\n        }\n      } else {\n        if (p === PeriodPickerOptions.AM) {\n          if (h === 12) {\n            h = 0;\n          }\n        } else if (h < 12) {\n          h += 12;\n        }\n        p = undefined;\n      }\n\n      setValue(\n        {\n          hours: h,\n          minutes: currentValue.current.minutes,\n          seconds: currentValue.current.seconds,\n          period: p,\n        },\n        true\n      );\n    }\n  }, [setValue, timeFormat]);\n\n  useEffect(() => {\n    // allow control of value property\n    if (!firstRender.current) {\n      const dayPeriod =\n        valueProp?.hours == null || valueProp.hours < 12\n          ? PeriodPickerOptions.AM\n          : PeriodPickerOptions.PM;\n\n      setValue(\n        valueProp != null\n          ? {\n              hours:\n                valueProp?.hours != null\n                  ? getHoursForTimeFormat(valueProp.hours, currentTimeFormat.current)\n                  : null,\n              minutes: valueProp?.minutes,\n              seconds: valueProp?.seconds,\n              period: currentTimeFormat.current === TimeFormat.H12 ? dayPeriod : null,\n            }\n          : null,\n        true\n      );\n    }\n  }, [setValue, valueProp]);\n\n  useEffect(() => {\n    // on close, make sure to restore the last valid value\n    // (in the case the user closed with some time part invalid)\n    if (!firstRender.current && !isOpen) {\n      rollbackValue();\n    }\n  }, [isOpen, rollbackValue]);\n\n  useEffect(() => {\n    // run validations on each render\n    // (except on the first, remaining in the standBy/untouched state)\n    if (!firstRender.current) {\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && lastValidValue == null) {\n          return \"invalid\";\n        }\n        return \"valid\";\n      });\n    }\n  });\n\n  useEffect(() => {\n    firstRender.current = false;\n  }, []);\n  // #endregion\n\n  // #region EVENT HANDLERS\n  const handleTimeChange = (updatedTimeObject) => {\n    if (!timeIsEqual(value, updatedTimeObject)) {\n      const valid = timeIsValid(updatedTimeObject, timeFormat);\n\n      // the value only is commited if valid\n      setValue(updatedTimeObject, valid);\n\n      if (valid) {\n        // always output in 24h format\n        onChange?.(getTimeWithFormat24(updatedTimeObject, timeFormat));\n      }\n    }\n  };\n\n  /**\n   * Handles the change of the hours value\n   * @param {Number} hours - selected hours\n   * @memberof HvTimePicker\n   */\n  const handleHoursChange = (updatedHours) => {\n    const newSelectedTime = {\n      ...value,\n      hours: updatedHours,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the minutes value\n   * @param {Number} minutes - selected minutes\n   * @memberof HvTimePicker\n   */\n  const handleMinutesChange = (updatedMinutes) => {\n    const newSelectedTime = {\n      ...value,\n      minutes: updatedMinutes,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the seconds value\n   * @param {Number} seconds - selected seconds\n   * @memberof HvTimePicker\n   */\n  const handleSecondsChange = (updatedSeconds) => {\n    const newSelectedTime = {\n      ...value,\n      seconds: updatedSeconds,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the period (am/pm)\n   * @param {String} period - selected period\n   * @memberof HvTimePicker\n   */\n  const handleChangePeriod = (updatedPeriod) => {\n    const newSelectedTime = {\n      ...value,\n      period: updatedPeriod,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  const onToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the change of the expanded property.\n    */\n    if (evt === null) return;\n\n    onToggleCallback?.(evt, open);\n\n    setOpen(open);\n  };\n  // #endregion\n\n  const hasLabels = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = validationState === \"invalid\";\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      locale={locale}\n      required={required}\n      disabled={disabled}\n      status={validationState}\n      classes={{\n        root: classes.formElementRoot,\n      }}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabels || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabels && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(elementId, \"timepicker-dropdown\")}\n        role=\"combobox\"\n        placeholder={\n          lastValidValue != null ? (\n            getFormattedTime(lastValidValue, timeFormat)\n          ) : (\n            <HvTypography variant=\"placeholderText\">{placeholder}</HvTypography>\n          )\n        }\n        classes={{\n          placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        variableWidth\n        placement=\"right\"\n        adornment={\n          <TimeIcon color={disabled ? \"atmo5\" : \"acce1\"} className={classes.iconBaseRoot} />\n        }\n        expanded={isOpen}\n        onToggle={onToggle}\n        onContainerCreation={setFocusToContent}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        disablePortal={disablePortal}\n        disabled={disabled}\n        readOnly={readOnly}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        {...dropdownProps}\n      >\n        <div className={classes.timePopperContainer}>\n          <UnitTimePicker\n            id={setId(elementId, \"hours\")}\n            placeholder={hoursPlaceholder}\n            unit={\n              timeFormat === TimeFormat.H24\n                ? TimePickerUnits.HOUR_24.type\n                : TimePickerUnits.HOUR_12.type\n            }\n            unitValue={value?.hours}\n            onChangeUnitTimeValue={handleHoursChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"minutes\")}\n            placeholder={minutesPlaceholder}\n            unit={TimePickerUnits.MINUTE.type}\n            unitValue={value?.minutes}\n            onChangeUnitTimeValue={handleMinutesChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"seconds\")}\n            placeholder={secondsPlaceholder}\n            unit={TimePickerUnits.SECOND.type}\n            unitValue={value?.seconds}\n            onChangeUnitTimeValue={handleSecondsChange}\n          />\n          {timeFormat === TimeFormat.H12 && (\n            <PeriodPicker onChangePeriod={handleChangePeriod} period={value?.period} />\n          )}\n        </div>\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTimePicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the input.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the timePopperContainer.\n     */\n    timePopperContainer: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the period container.\n     */\n    periodContainer: PropTypes.string,\n    /**\n     * Styles applied to the form element.\n     */\n    formElementRoot: PropTypes.string,\n    /**\n     * Styles applied to the dropdown placeholder.\n     */\n    dropdownPlaceholder: PropTypes.string,\n    /**\n     * Styles applied to the icon base.\n     */\n    iconBaseRoot: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the dropdown when invalid information text.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown text when invalid.\n     */\n\n    dropdownPlaceholderDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown border when invalid.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly: PropTypes.bool,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when no time is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * The placeholder of the hours input.\n   */\n  hoursPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the minutes input.\n   */\n  minutesPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the seconds input.\n   */\n  secondsPlaceholder: PropTypes.string,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the time picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * If the time should be presented in 12 or 24 hour format.\n   * If undefined, the component will use a format according to the passed locale.\n   * If defined, it will \"override\" the default value given by the locale\n   */\n  timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, 12, 24, undefined]),\n\n  /**\n   * Locale that will provide the time format(12 or 24 hour format)\n   * It is \"overwritten\" by the timeFormat prop\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Callback function to be triggered when the input value is changed.\n   * It is invoked with a object param with the following props:\n   *  - hours (in a 24h format)\n   *  - minutes\n   *  - seconds\n   *  - period\n   *\n   * It is always invoked with the hours in a 24h format\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * Allow starting with an empty value by not defaulting to the current time.\n   * This should become the default behavior when the component is promoted to core.\n   */\n  disableDefaultValue: PropTypes.bool,\n\n  /**\n   * Default value for the hours picker\n   * @deprecated use defaultValue instead\n   */\n  hours: PropTypes.number,\n  /**\n   * Default value for the minutes picker\n   * @deprecated use defaultValue instead\n   */\n  minutes: PropTypes.number,\n  /**\n   * Default value for the seconds picker\n   * @deprecated use defaultValue instead\n   */\n  seconds: PropTypes.number,\n  /**\n   * Default value for the period picker\n   * @deprecated use defaultValue instead\n   */\n  period: PropTypes.string,\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * Extra properties to be passed to the timepicker dropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","names":["setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","TimeFormat","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","valueProp","value","defaultValueProp","defaultValue","chosenTimeFormat","localeProp","locale","disableDefaultValue","onToggleCallback","onToggle","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","useUniqueId","localeFromProvider","useLocale","useMemo","toString","getTimeFormatForLocale","useSavedState","v","getHoursForTimeFormat","PeriodPickerOptions","AM","PM","setValue","rollbackValue","lastValidValue","useControlled","validationMessage","validationState","setValidationState","useState","isOpen","setOpen","firstRender","useRef","currentValue","useEffect","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","getTimeWithFormat24","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","setId","root","formElementRoot","clsx","labelContainer","getFormattedTime","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","TimePickerUnits","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","PropTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/TimePicker/TimePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvFormElement,\n  HvBaseDropdown,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n  setId,\n  useUniqueId,\n  useControlled,\n  useLocale,\n  HvTypography,\n  useSavedState,\n} from \"..\";\n\nimport { TimePickerUnits, TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nimport styles from \"./styles\";\n\nconst setFocusToContent = (containerRef) => {\n  containerRef?.getElementsByTagName(\"input\")[0]?.focus();\n};\n\nconst timeIsEqual = (timeA, timeB) => {\n  return (\n    timeA === timeB ||\n    (timeA == null && timeB == null) ||\n    (timeA != null &&\n      timeB != null &&\n      timeA.hours === timeB.hours &&\n      timeA.minutes === timeB.minutes &&\n      timeA.seconds === timeB.seconds &&\n      timeA.period === timeB.period)\n  );\n};\n\nconst timeIsValid = (time, timeFormat) => {\n  const hourInputState =\n    time?.hours != null &&\n    time.hours !== \"\" &&\n    time.hours >= 0 &&\n    ((timeFormat === TimeFormat.H24 && time.hours <= 24) ||\n      (timeFormat === TimeFormat.H12 && time.hours <= 12));\n  const minutesInputState =\n    time?.minutes != null && time.minutes !== \"\" && time.minutes >= 0 && time.minutes <= 59;\n  const secondsInputState =\n    time?.seconds != null && time.seconds !== \"\" && time.seconds >= 0 && time.seconds <= 59;\n\n  return hourInputState && minutesInputState && secondsInputState;\n};\n\n/**\n * A TimePicker component used to choose the time.\n */\n\nconst HvTimePicker = ({\n  classes,\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n  readOnly = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n\n  placeholder,\n  hoursPlaceholder = \"hh\",\n  minutesPlaceholder = \"mm\",\n  secondsPlaceholder = \"ss\",\n\n  value: valueProp,\n  defaultValue: defaultValueProp,\n\n  timeFormat: chosenTimeFormat,\n  locale: localeProp,\n\n  disableDefaultValue,\n\n  onToggle: onToggleCallback,\n\n  // deprecated properties:\n  hours = new Date().getHours(),\n  minutes = new Date().getMinutes(),\n  seconds = 0,\n  period: chosenTimePeriod,\n\n  // misc properties:\n  disablePortal = true,\n  escapeWithReference = true,\n  dropdownProps,\n  ...others\n}) => {\n  // #region STATE\n  const elementId = useUniqueId(id, \"hvtimepicker\");\n\n  const localeFromProvider = useLocale();\n  const locale = localeProp || localeFromProvider;\n  const timeFormat = useMemo(\n    () => (chosenTimeFormat != null ? chosenTimeFormat.toString() : getTimeFormatForLocale(locale)),\n    [chosenTimeFormat, locale]\n  );\n\n  const [value, setValue, rollbackValue, lastValidValue] = useSavedState(() => {\n    // fallback to the deprecated properties\n    // we shouldn't do that when promoting to core\n    // as it makes impossible to start with an empty value\n    const defaultValue =\n      defaultValueProp ??\n      (disableDefaultValue\n        ? null\n        : {\n            hours,\n            minutes,\n            seconds,\n          });\n\n    const v = valueProp ?? defaultValue;\n\n    return v != null\n      ? {\n          hours: v?.hours != null ? getHoursForTimeFormat(v.hours, timeFormat) : null,\n          minutes: v?.minutes,\n          seconds: v?.seconds,\n          period:\n            timeFormat === TimeFormat.H12\n              ? chosenTimePeriod ??\n                (v?.hours == null || v.hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM)\n              : null,\n        }\n      : null;\n  });\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [isOpen, setOpen] = useState(false);\n  // #endregion\n\n  // #region SIDE EFFECTS\n  const firstRender = useRef(true);\n  const currentValue = useRef(value);\n  useEffect(() => {\n    currentValue.current = value;\n  });\n  const currentTimeFormat = useRef(timeFormat);\n  useEffect(() => {\n    currentTimeFormat.current = timeFormat;\n  });\n\n  useEffect(() => {\n    // allow external changes to the time format (via timeFormat or locale properties)\n    if (!firstRender.current && currentValue.current != null) {\n      const to12 = timeFormat === TimeFormat.H12;\n\n      let { hours: h, period: p } = currentValue.current;\n      if (to12) {\n        if (h == null || h < 12) {\n          p = PeriodPickerOptions.AM;\n        } else {\n          p = PeriodPickerOptions.PM;\n          if (h > 12) {\n            h -= 12;\n          }\n        }\n      } else {\n        if (p === PeriodPickerOptions.AM) {\n          if (h === 12) {\n            h = 0;\n          }\n        } else if (h < 12) {\n          h += 12;\n        }\n        p = undefined;\n      }\n\n      setValue(\n        {\n          hours: h,\n          minutes: currentValue.current.minutes,\n          seconds: currentValue.current.seconds,\n          period: p,\n        },\n        true\n      );\n    }\n  }, [setValue, timeFormat]);\n\n  useEffect(() => {\n    // allow control of value property\n    if (!firstRender.current) {\n      const dayPeriod =\n        valueProp?.hours == null || valueProp.hours < 12\n          ? PeriodPickerOptions.AM\n          : PeriodPickerOptions.PM;\n\n      setValue(\n        valueProp != null\n          ? {\n              hours:\n                valueProp?.hours != null\n                  ? getHoursForTimeFormat(valueProp.hours, currentTimeFormat.current)\n                  : null,\n              minutes: valueProp?.minutes,\n              seconds: valueProp?.seconds,\n              period: currentTimeFormat.current === TimeFormat.H12 ? dayPeriod : null,\n            }\n          : null,\n        true\n      );\n    }\n  }, [setValue, valueProp]);\n\n  useEffect(() => {\n    // on close, make sure to restore the last valid value\n    // (in the case the user closed with some time part invalid)\n    if (!firstRender.current && !isOpen) {\n      rollbackValue();\n    }\n  }, [isOpen, rollbackValue]);\n\n  useEffect(() => {\n    // run validations on each render\n    // (except on the first, remaining in the standBy/untouched state)\n    if (!firstRender.current) {\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && lastValidValue == null) {\n          return \"invalid\";\n        }\n        return \"valid\";\n      });\n    }\n  });\n\n  useEffect(() => {\n    firstRender.current = false;\n  }, []);\n  // #endregion\n\n  // #region EVENT HANDLERS\n  const handleTimeChange = (updatedTimeObject) => {\n    if (!timeIsEqual(value, updatedTimeObject)) {\n      const valid = timeIsValid(updatedTimeObject, timeFormat);\n\n      // the value only is commited if valid\n      setValue(updatedTimeObject, valid);\n\n      if (valid) {\n        // always output in 24h format\n        onChange?.(getTimeWithFormat24(updatedTimeObject, timeFormat));\n      }\n    }\n  };\n\n  /**\n   * Handles the change of the hours value\n   * @param {Number} hours - selected hours\n   * @memberof HvTimePicker\n   */\n  const handleHoursChange = (updatedHours) => {\n    const newSelectedTime = {\n      ...value,\n      hours: updatedHours,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the minutes value\n   * @param {Number} minutes - selected minutes\n   * @memberof HvTimePicker\n   */\n  const handleMinutesChange = (updatedMinutes) => {\n    const newSelectedTime = {\n      ...value,\n      minutes: updatedMinutes,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the seconds value\n   * @param {Number} seconds - selected seconds\n   * @memberof HvTimePicker\n   */\n  const handleSecondsChange = (updatedSeconds) => {\n    const newSelectedTime = {\n      ...value,\n      seconds: updatedSeconds,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the period (am/pm)\n   * @param {String} period - selected period\n   * @memberof HvTimePicker\n   */\n  const handleChangePeriod = (updatedPeriod) => {\n    const newSelectedTime = {\n      ...value,\n      period: updatedPeriod,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  const onToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the change of the expanded property.\n    */\n    if (evt === null) return;\n\n    onToggleCallback?.(evt, open);\n\n    setOpen(open);\n  };\n  // #endregion\n\n  const hasLabels = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = validationState === \"invalid\";\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      locale={locale}\n      required={required}\n      disabled={disabled}\n      status={validationState}\n      classes={{\n        root: classes.formElementRoot,\n      }}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabels || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabels && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(elementId, \"timepicker-dropdown\")}\n        role=\"combobox\"\n        placeholder={\n          lastValidValue != null ? (\n            getFormattedTime(lastValidValue, timeFormat)\n          ) : (\n            <HvTypography variant=\"placeholderText\">{placeholder}</HvTypography>\n          )\n        }\n        classes={{\n          placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        variableWidth\n        placement=\"right\"\n        adornment={\n          <TimeIcon color={disabled ? \"atmo5\" : \"acce1\"} className={classes.iconBaseRoot} />\n        }\n        expanded={isOpen}\n        onToggle={onToggle}\n        onContainerCreation={setFocusToContent}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        disablePortal={disablePortal}\n        disabled={disabled}\n        readOnly={readOnly}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        {...dropdownProps}\n      >\n        <div className={classes.timePopperContainer}>\n          <UnitTimePicker\n            id={setId(elementId, \"hours\")}\n            placeholder={hoursPlaceholder}\n            unit={\n              timeFormat === TimeFormat.H24\n                ? TimePickerUnits.HOUR_24.type\n                : TimePickerUnits.HOUR_12.type\n            }\n            unitValue={value?.hours}\n            onChangeUnitTimeValue={handleHoursChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"minutes\")}\n            placeholder={minutesPlaceholder}\n            unit={TimePickerUnits.MINUTE.type}\n            unitValue={value?.minutes}\n            onChangeUnitTimeValue={handleMinutesChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"seconds\")}\n            placeholder={secondsPlaceholder}\n            unit={TimePickerUnits.SECOND.type}\n            unitValue={value?.seconds}\n            onChangeUnitTimeValue={handleSecondsChange}\n          />\n          {timeFormat === TimeFormat.H12 && (\n            <PeriodPicker onChangePeriod={handleChangePeriod} period={value?.period} />\n          )}\n        </div>\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTimePicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the input.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the timePopperContainer.\n     */\n    timePopperContainer: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the period container.\n     */\n    periodContainer: PropTypes.string,\n    /**\n     * Styles applied to the form element.\n     */\n    formElementRoot: PropTypes.string,\n    /**\n     * Styles applied to the dropdown placeholder.\n     */\n    dropdownPlaceholder: PropTypes.string,\n    /**\n     * Styles applied to the icon base.\n     */\n    iconBaseRoot: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the dropdown when invalid information text.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown text when invalid.\n     */\n\n    dropdownPlaceholderDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown border when invalid.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly: PropTypes.bool,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when no time is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * The placeholder of the hours input.\n   */\n  hoursPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the minutes input.\n   */\n  minutesPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the seconds input.\n   */\n  secondsPlaceholder: PropTypes.string,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the time picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * If the time should be presented in 12 or 24 hour format.\n   * If undefined, the component will use a format according to the passed locale.\n   * If defined, it will \"override\" the default value given by the locale\n   */\n  timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, 12, 24, undefined]),\n\n  /**\n   * Locale that will provide the time format(12 or 24 hour format)\n   * It is \"overwritten\" by the timeFormat prop\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Callback function to be triggered when the input value is changed.\n   * It is invoked with a object param with the following props:\n   *  - hours (in a 24h format)\n   *  - minutes\n   *  - seconds\n   *  - period\n   *\n   * It is always invoked with the hours in a 24h format\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * Allow starting with an empty value by not defaulting to the current time.\n   * This should become the default behavior when the component is promoted to core.\n   */\n  disableDefaultValue: PropTypes.bool,\n\n  /**\n   * Default value for the hours picker\n   * @deprecated use defaultValue instead\n   */\n  hours: PropTypes.number,\n  /**\n   * Default value for the minutes picker\n   * @deprecated use defaultValue instead\n   */\n  minutes: PropTypes.number,\n  /**\n   * Default value for the seconds picker\n   * @deprecated use defaultValue instead\n   */\n  seconds: PropTypes.number,\n  /**\n   * Default value for the period picker\n   * @deprecated use defaultValue instead\n   */\n  period: PropTypes.string,\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * Extra properties to be passed to the timepicker dropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"mappings":"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"}

package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js

@@ -43,6 +43,8 @@ var _timePickerFormatter = require("../timePickerFormatter");
 
 var _enums = require("../enums");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -174,37 +176,38 @@ var UnitTimePicker = function UnitTimePicker(props) {
     return isFocused ? currentValue.toString() : (0, _timePickerFormatter.padTime)(currentValue).toString();
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.unitTimeContainer
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropUpXS, {
-    onClick: handleAddTime
-  }), /*#__PURE__*/_react.default.createElement(_.HvInput, {
-    id: id,
-    disableClear: true,
-    classes: {
-      input: classes.unitTimeInput,
-      root: classes.inputContainer,
-      inputBorderContainer: classes.inputBorderContainer,
-      inputRoot: (0, _clsx.default)(classes.unitTimeInputRoot)
-    },
-    required: true,
-    status: isValid ? "valid" : "invalid",
-    value: currentValue !== "" ? renderTimeUnit() : "",
-    onChange: handleCurrentValueChange,
-    onFocus: handleFocusChange,
-    onBlur: handleOnBlur,
-    onKeyDown: handleKeyPressed,
-    placeholder: placeholder,
-    inputProps: {
-      autoComplete: "off",
-      type: "number",
-      min: _enums.TimePickerUnits[unit].min,
-      max: _enums.TimePickerUnits[unit].max
-    }
-  }), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropDownXS, {
-    className: classes.subtractIcon,
-    onClick: handleSubtractTime
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.unitTimeContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropUpXS, {
+      onClick: handleAddTime
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInput, {
+      id: id,
+      disableClear: true,
+      classes: {
+        input: classes.unitTimeInput,
+        root: classes.inputContainer,
+        inputBorderContainer: classes.inputBorderContainer,
+        inputRoot: (0, _clsx.default)(classes.unitTimeInputRoot)
+      },
+      required: true,
+      status: isValid ? "valid" : "invalid",
+      value: currentValue !== "" ? renderTimeUnit() : "",
+      onChange: handleCurrentValueChange,
+      onFocus: handleFocusChange,
+      onBlur: handleOnBlur,
+      onKeyDown: handleKeyPressed,
+      placeholder: placeholder,
+      inputProps: {
+        autoComplete: "off",
+        type: "number",
+        min: _enums.TimePickerUnits[unit].min,
+        max: _enums.TimePickerUnits[unit].max
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropDownXS, {
+      className: classes.subtractIcon,
+      onClick: handleSubtractTime
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? UnitTimePicker.propTypes = {

package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnitTimePicker.js","names":["UnitTimePicker","props","classes","id","placeholder","unit","unitValue","onChangeUnitTimeValue","minValue","TimePickerUnits","min","maxValue","max","useState","currentValue","setCurrentValue","isFocused","setIsFocused","isValid","setIsValid","changeTimeUnit","value","callback","isUnitTimeInValidRange","handleCurrentValueChange","event","unitTime","Number","toString","length","handleFocusChange","handleOnBlur","handleKeyPressed","isKeypress","KeyboardCodes","Enter","handleAddTime","newUnitTime","handleSubtractTime","renderTimeUnit","padTime","unitTimeContainer","input","unitTimeInput","root","inputContainer","inputBorderContainer","inputRoot","clsx","unitTimeInputRoot","autoComplete","type","subtractIcon","propTypes","PropTypes","string","instanceOf","Object","isRequired","oneOf","HOUR_24","HOUR_12","MINUTE","SECOND","number","func"],"sources":["../../../src/TimePicker/UnitTimePicker/UnitTimePicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n  DropDownXS as SubtractTimeIcon,\n  DropUpXS as AddTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvInput, isKeypress, KeyboardCodes } from \"../..\";\nimport { isUnitTimeInValidRange } from \"../timePickerUtils\";\nimport { padTime } from \"../timePickerFormatter\";\nimport { TimePickerUnits } from \"../enums\";\n\nconst UnitTimePicker = (props) => {\n  const { classes, id, placeholder, unit, unitValue, onChangeUnitTimeValue } = props;\n\n  const minValue = TimePickerUnits[unit].min;\n  const maxValue = TimePickerUnits[unit].max;\n\n  const [currentValue, setCurrentValue] = useState(unitValue ?? \"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [isValid, setIsValid] = useState(true);\n\n  /**\n   * Changes the time unit value in the state.\n   *\n   * @param {Number} value - new time unit value\n   * @memberof UnitTimePicker\n   */\n  const changeTimeUnit = (value, callback = false) => {\n    setCurrentValue(value);\n    setIsValid(isUnitTimeInValidRange(value, unit));\n\n    if (callback) {\n      onChangeUnitTimeValue(value !== \"\" ? value : null);\n    }\n  };\n\n  /**\n   * Handles the unit time value change when it is done through a change on the input.\n   * It only reflects on the state if the number of digits is between 0 and 2   *\n   * @param event - event\n   * @param value - new unit time value\n   * @memberof UnitTimePicker\n   */\n  const handleCurrentValueChange = (event, value) => {\n    const unitTime = value === \"\" ? value : Number(value);\n    if (unitTime.toString().length <= 2) {\n      changeTimeUnit(unitTime);\n    }\n  };\n\n  /**\n   * Handles the change on the focus of the input\n   * @memberof UnitTimePicker\n   */\n  const handleFocusChange = () => {\n    setIsFocused(true);\n  };\n\n  const handleOnBlur = () => {\n    setIsFocused(false);\n\n    onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n  };\n\n  const handleKeyPressed = (event) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n    }\n  };\n\n  /**\n   * Handles the action to increase the unit time value\n   * If the new value surpasses the max allowed, it updates the time to the min value.\n   * @memberof UnitTimePicker\n   */\n  const handleAddTime = () => {\n    let newUnitTime = currentValue === \"\" ? minValue : currentValue + 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = minValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = minValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Handles the action to decrease the unit time value\n   * If the new value goes below the min allowed, it updates the time to the max value.\n   * @memberof UnitTimePicker\n   */\n  const handleSubtractTime = () => {\n    let newUnitTime = currentValue === \"\" ? maxValue : currentValue - 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = maxValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = maxValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Renderers\n   */\n\n  /**\n   * Renders the time unit value input in the correct format\n   * @memberof UnitTimePicker\n   */\n  const renderTimeUnit = () => {\n    return isFocused ? currentValue.toString() : padTime(currentValue).toString();\n  };\n\n  return (\n    <div className={classes.unitTimeContainer}>\n      <AddTimeIcon onClick={handleAddTime} />\n      <HvInput\n        id={id}\n        disableClear\n        classes={{\n          input: classes.unitTimeInput,\n          root: classes.inputContainer,\n          inputBorderContainer: classes.inputBorderContainer,\n          inputRoot: clsx(classes.unitTimeInputRoot),\n        }}\n        required\n        status={isValid ? \"valid\" : \"invalid\"}\n        value={currentValue !== \"\" ? renderTimeUnit() : \"\"}\n        onChange={handleCurrentValueChange}\n        onFocus={handleFocusChange}\n        onBlur={handleOnBlur}\n        onKeyDown={handleKeyPressed}\n        placeholder={placeholder}\n        inputProps={{\n          autoComplete: \"off\",\n          type: \"number\",\n          min: TimePickerUnits[unit].min,\n          max: TimePickerUnits[unit].max,\n        }}\n      />\n      <SubtractTimeIcon className={classes.subtractIcon} onClick={handleSubtractTime} />\n    </div>\n  );\n};\n\nUnitTimePicker.propTypes = {\n  /**\n   * Id to be applied to the input node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The placeholder when empty.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Type of Unit time picker (hour, minute or second)\n   */\n  unit: PropTypes.oneOf([\n    TimePickerUnits.HOUR_24.type,\n    TimePickerUnits.HOUR_12.type,\n    TimePickerUnits.MINUTE.type,\n    TimePickerUnits.SECOND.type,\n  ]).isRequired,\n  /**\n   * Default unit time value\n   */\n  unitValue: PropTypes.number,\n  /**\n   * Callback function called when the unit time value changes\n   */\n  onChangeUnitTimeValue: PropTypes.func.isRequired,\n};\n\nexport default UnitTimePicker;\n"],"mappings":"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"}
+{"version":3,"file":"UnitTimePicker.js","names":["UnitTimePicker","props","classes","id","placeholder","unit","unitValue","onChangeUnitTimeValue","minValue","TimePickerUnits","min","maxValue","max","useState","currentValue","setCurrentValue","isFocused","setIsFocused","isValid","setIsValid","changeTimeUnit","value","callback","isUnitTimeInValidRange","handleCurrentValueChange","event","unitTime","Number","toString","length","handleFocusChange","handleOnBlur","handleKeyPressed","isKeypress","KeyboardCodes","Enter","handleAddTime","newUnitTime","handleSubtractTime","renderTimeUnit","padTime","unitTimeContainer","input","unitTimeInput","root","inputContainer","inputBorderContainer","inputRoot","clsx","unitTimeInputRoot","autoComplete","type","subtractIcon","propTypes","PropTypes","string","instanceOf","Object","isRequired","oneOf","HOUR_24","HOUR_12","MINUTE","SECOND","number","func"],"sources":["../../../src/TimePicker/UnitTimePicker/UnitTimePicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n  DropDownXS as SubtractTimeIcon,\n  DropUpXS as AddTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvInput, isKeypress, KeyboardCodes } from \"../..\";\nimport { isUnitTimeInValidRange } from \"../timePickerUtils\";\nimport { padTime } from \"../timePickerFormatter\";\nimport { TimePickerUnits } from \"../enums\";\n\nconst UnitTimePicker = (props) => {\n  const { classes, id, placeholder, unit, unitValue, onChangeUnitTimeValue } = props;\n\n  const minValue = TimePickerUnits[unit].min;\n  const maxValue = TimePickerUnits[unit].max;\n\n  const [currentValue, setCurrentValue] = useState(unitValue ?? \"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [isValid, setIsValid] = useState(true);\n\n  /**\n   * Changes the time unit value in the state.\n   *\n   * @param {Number} value - new time unit value\n   * @memberof UnitTimePicker\n   */\n  const changeTimeUnit = (value, callback = false) => {\n    setCurrentValue(value);\n    setIsValid(isUnitTimeInValidRange(value, unit));\n\n    if (callback) {\n      onChangeUnitTimeValue(value !== \"\" ? value : null);\n    }\n  };\n\n  /**\n   * Handles the unit time value change when it is done through a change on the input.\n   * It only reflects on the state if the number of digits is between 0 and 2   *\n   * @param event - event\n   * @param value - new unit time value\n   * @memberof UnitTimePicker\n   */\n  const handleCurrentValueChange = (event, value) => {\n    const unitTime = value === \"\" ? value : Number(value);\n    if (unitTime.toString().length <= 2) {\n      changeTimeUnit(unitTime);\n    }\n  };\n\n  /**\n   * Handles the change on the focus of the input\n   * @memberof UnitTimePicker\n   */\n  const handleFocusChange = () => {\n    setIsFocused(true);\n  };\n\n  const handleOnBlur = () => {\n    setIsFocused(false);\n\n    onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n  };\n\n  const handleKeyPressed = (event) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n    }\n  };\n\n  /**\n   * Handles the action to increase the unit time value\n   * If the new value surpasses the max allowed, it updates the time to the min value.\n   * @memberof UnitTimePicker\n   */\n  const handleAddTime = () => {\n    let newUnitTime = currentValue === \"\" ? minValue : currentValue + 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = minValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = minValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Handles the action to decrease the unit time value\n   * If the new value goes below the min allowed, it updates the time to the max value.\n   * @memberof UnitTimePicker\n   */\n  const handleSubtractTime = () => {\n    let newUnitTime = currentValue === \"\" ? maxValue : currentValue - 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = maxValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = maxValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Renderers\n   */\n\n  /**\n   * Renders the time unit value input in the correct format\n   * @memberof UnitTimePicker\n   */\n  const renderTimeUnit = () => {\n    return isFocused ? currentValue.toString() : padTime(currentValue).toString();\n  };\n\n  return (\n    <div className={classes.unitTimeContainer}>\n      <AddTimeIcon onClick={handleAddTime} />\n      <HvInput\n        id={id}\n        disableClear\n        classes={{\n          input: classes.unitTimeInput,\n          root: classes.inputContainer,\n          inputBorderContainer: classes.inputBorderContainer,\n          inputRoot: clsx(classes.unitTimeInputRoot),\n        }}\n        required\n        status={isValid ? \"valid\" : \"invalid\"}\n        value={currentValue !== \"\" ? renderTimeUnit() : \"\"}\n        onChange={handleCurrentValueChange}\n        onFocus={handleFocusChange}\n        onBlur={handleOnBlur}\n        onKeyDown={handleKeyPressed}\n        placeholder={placeholder}\n        inputProps={{\n          autoComplete: \"off\",\n          type: \"number\",\n          min: TimePickerUnits[unit].min,\n          max: TimePickerUnits[unit].max,\n        }}\n      />\n      <SubtractTimeIcon className={classes.subtractIcon} onClick={handleSubtractTime} />\n    </div>\n  );\n};\n\nUnitTimePicker.propTypes = {\n  /**\n   * Id to be applied to the input node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The placeholder when empty.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Type of Unit time picker (hour, minute or second)\n   */\n  unit: PropTypes.oneOf([\n    TimePickerUnits.HOUR_24.type,\n    TimePickerUnits.HOUR_12.type,\n    TimePickerUnits.MINUTE.type,\n    TimePickerUnits.SECOND.type,\n  ]).isRequired,\n  /**\n   * Default unit time value\n   */\n  unitValue: PropTypes.number,\n  /**\n   * Callback function called when the unit time value changes\n   */\n  onChangeUnitTimeValue: PropTypes.func.isRequired,\n};\n\nexport default UnitTimePicker;\n"],"mappings":"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"}