@hitachivantara/uikit-react-lab 3.38.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/TimePicker.js"],"names":["React","useState","useEffect","useRef","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvBaseDropdown","HvLabel","HvWarningText","HvInfoMessage","setId","useUniqueId","useControlled","useLocale","HvTypography","useSavedState","Time","TimeIcon","TimePickerUnits","TimeFormat","PeriodPickerOptions","getFormattedTime","getTimeFormatForLocale","getHoursForTimeFormat","getTimeWithFormat24","UnitTimePicker","PeriodPicker","styles","setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","value","valueProp","defaultValue","defaultValueProp","chosenTimeFormat","locale","localeProp","disableDefaultValue","onToggle","onToggleCallback","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","localeFromProvider","toString","setValue","rollbackValue","lastValidValue","v","AM","PM","validationMessage","validationState","setValidationState","isOpen","setOpen","firstRender","currentValue","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","root","formElementRoot","labelContainer","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object"],"mappings":"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","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 {\n  HvFormElement,\n  HvBaseDropdown,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n  setId,\n  useUniqueId,\n  useControlled,\n  useLocale,\n  HvTypography,\n  useSavedState,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\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, following specifications provided by Design System. Still in development.\n */\n\nconst HvTimePicker = ({\n  classes,\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = 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        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  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: 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"],"file":"TimePicker.js"}

package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/UnitTimePicker/UnitTimePicker.js"],"names":["React","useState","PropTypes","clsx","HvInput","isKeypress","KeyboardCodes","DropDownXS","SubtractTimeIcon","DropUpXS","AddTimeIcon","isUnitTimeInValidRange","padTime","TimePickerUnits","UnitTimePicker","props","classes","id","placeholder","unit","unitValue","onChangeUnitTimeValue","minValue","min","maxValue","max","currentValue","setCurrentValue","isFocused","setIsFocused","isValid","setIsValid","changeTimeUnit","value","callback","handleCurrentValueChange","event","unitTime","Number","toString","length","handleFocusChange","handleOnBlur","handleKeyPressed","Enter","handleAddTime","newUnitTime","handleSubtractTime","renderTimeUnit","unitTimeContainer","input","unitTimeInput","root","inputContainer","inputBorderContainer","inputRoot","unitTimeInputRoot","autoComplete","type","subtractIcon","propTypes","string","instanceOf","Object","isRequired","oneOf","HOUR_24","HOUR_12","MINUTE","SECOND","number","func"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvInput, isKeypress, KeyboardCodes } from \"@hitachivantara/uikit-react-core\";\nimport {\n  DropDownXS as SubtractTimeIcon,\n  DropUpXS as AddTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\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"],"file":"UnitTimePicker.js"}

package/dist/modern/TimePicker/UnitTimePicker/index.js

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import UnitTimePicker from "./UnitTimePicker";
+export default withStyles(styles, {
+  name: "HvTimePickerUnitTimePicker"
+})(UnitTimePicker);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/UnitTimePicker/index.js"],"names":["withStyles","styles","UnitTimePicker","name"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;AAAEE,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2DD,cAA3D,CAAf","sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport UnitTimePicker from \"./UnitTimePicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerUnitTimePicker\" })(UnitTimePicker);\n"],"file":"index.js"}

package/dist/modern/TimePicker/UnitTimePicker/styles.js

@@ -0,0 +1,49 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const styles = theme => ({
+  unitTimeContainer: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  unitTimeInput: _objectSpread(_objectSpread({}, theme.hv.typography.sTitle), {}, {
+    fontWeight: 600,
+    textAlign: "center",
+    height: "40px",
+    width: "40px",
+    padding: 0,
+    margin: 0,
+    "&::placeholder": {
+      fontSize: 16,
+      fontWeight: 600
+    },
+    "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+      "-webkit-appearance": "none",
+      "-moz-appearance": "none",
+      margin: 0
+    },
+    "&[type=number]": {
+      "-webkit-appearance": "textfield",
+      "-moz-appearance": "textfield"
+    }
+  }),
+  unitTimeInputRoot: {},
+  subtractIcon: {
+    marginTop: `${theme.hv.spacing.xs}px`
+  },
+  inputContainer: {
+    minWidth: "40px",
+    maxWidth: "40px"
+  },
+  inputBorderContainer: {
+    top: "40px"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/TimePicker/UnitTimePicker/styles.js"],"names":["styles","theme","unitTimeContainer","display","flexDirection","justifyContent","alignItems","unitTimeInput","hv","typography","sTitle","fontWeight","textAlign","height","width","padding","margin","fontSize","unitTimeInputRoot","subtractIcon","marginTop","spacing","xs","inputContainer","minWidth","maxWidth","inputBorderContainer","top"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,OAAO,EAAE,MADQ;AAEjBC,IAAAA,aAAa,EAAE,QAFE;AAGjBC,IAAAA,cAAc,EAAE,QAHC;AAIjBC,IAAAA,UAAU,EAAE;AAJK,GADM;AAOzBC,EAAAA,aAAa,kCACRN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBC,MADZ;AAEXC,IAAAA,UAAU,EAAE,GAFD;AAGXC,IAAAA,SAAS,EAAE,QAHA;AAIXC,IAAAA,MAAM,EAAE,MAJG;AAKXC,IAAAA,KAAK,EAAE,MALI;AAMXC,IAAAA,OAAO,EAAE,CANE;AAOXC,IAAAA,MAAM,EAAE,CAPG;AAQX,sBAAkB;AAChBC,MAAAA,QAAQ,EAAE,EADM;AAEhBN,MAAAA,UAAU,EAAE;AAFI,KARP;AAYX,kEAA8D;AAC5D,4BAAsB,MADsC;AAE5D,yBAAmB,MAFyC;AAG5DK,MAAAA,MAAM,EAAE;AAHoD,KAZnD;AAiBX,sBAAkB;AAChB,4BAAsB,WADN;AAEhB,yBAAmB;AAFH;AAjBP,IAPY;AA6BzBE,EAAAA,iBAAiB,EAAE,EA7BM;AA+BzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAG,GAAEnB,KAAK,CAACO,EAAN,CAASa,OAAT,CAAiBC,EAAG;AADtB,GA/BW;AAkCzBC,EAAAA,cAAc,EAAE;AACdC,IAAAA,QAAQ,EAAE,MADI;AAEdC,IAAAA,QAAQ,EAAE;AAFI,GAlCS;AAsCzBC,EAAAA,oBAAoB,EAAE;AACpBC,IAAAA,GAAG,EAAE;AADe;AAtCG,CAAZ,CAAf;;AA2CA,eAAe3B,MAAf","sourcesContent":["const styles = (theme) => ({\n  unitTimeContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  unitTimeInput: {\n    ...theme.hv.typography.sTitle,\n    fontWeight: 600,\n    textAlign: \"center\",\n    height: \"40px\",\n    width: \"40px\",\n    padding: 0,\n    margin: 0,\n    \"&::placeholder\": {\n      fontSize: 16,\n      fontWeight: 600,\n    },\n    \"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button\": {\n      \"-webkit-appearance\": \"none\",\n      \"-moz-appearance\": \"none\",\n      margin: 0,\n    },\n    \"&[type=number]\": {\n      \"-webkit-appearance\": \"textfield\",\n      \"-moz-appearance\": \"textfield\",\n    },\n  },\n  unitTimeInputRoot: {},\n\n  subtractIcon: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n  },\n  inputContainer: {\n    minWidth: \"40px\",\n    maxWidth: \"40px\",\n  },\n  inputBorderContainer: {\n    top: \"40px\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TimePicker/enums.js

@@ -0,0 +1,32 @@
+const TimePickerUnits = {
+  HOUR_24: {
+    type: "HOUR_24",
+    min: 0,
+    max: 23
+  },
+  HOUR_12: {
+    type: "HOUR_12",
+    min: 1,
+    max: 12
+  },
+  MINUTE: {
+    type: "MINUTE",
+    min: 0,
+    max: 59
+  },
+  SECOND: {
+    type: "SECOND",
+    min: 0,
+    max: 59
+  }
+};
+const PeriodPickerOptions = {
+  AM: "AM",
+  PM: "PM"
+};
+const TimeFormat = {
+  H12: "12",
+  H24: "24"
+};
+export { TimePickerUnits, PeriodPickerOptions, TimeFormat };
+//# sourceMappingURL=enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TimePicker/enums.js"],"names":["TimePickerUnits","HOUR_24","type","min","max","HOUR_12","MINUTE","SECOND","PeriodPickerOptions","AM","PM","TimeFormat","H12","H24"],"mappings":"AAAA,MAAMA,eAAe,GAAG;AACtBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,GAAG,EAAE,CAFE;AAGPC,IAAAA,GAAG,EAAE;AAHE,GADa;AAMtBC,EAAAA,OAAO,EAAE;AACPH,IAAAA,IAAI,EAAE,SADC;AAEPC,IAAAA,GAAG,EAAE,CAFE;AAGPC,IAAAA,GAAG,EAAE;AAHE,GANa;AAWtBE,EAAAA,MAAM,EAAE;AACNJ,IAAAA,IAAI,EAAE,QADA;AAENC,IAAAA,GAAG,EAAE,CAFC;AAGNC,IAAAA,GAAG,EAAE;AAHC,GAXc;AAgBtBG,EAAAA,MAAM,EAAE;AACNL,IAAAA,IAAI,EAAE,QADA;AAENC,IAAAA,GAAG,EAAE,CAFC;AAGNC,IAAAA,GAAG,EAAE;AAHC;AAhBc,CAAxB;AAuBA,MAAMI,mBAAmB,GAAG;AAC1BC,EAAAA,EAAE,EAAE,IADsB;AAE1BC,EAAAA,EAAE,EAAE;AAFsB,CAA5B;AAKA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,GAAG,EAAE,IADY;AAEjBC,EAAAA,GAAG,EAAE;AAFY,CAAnB;AAKA,SAASb,eAAT,EAA0BQ,mBAA1B,EAA+CG,UAA/C","sourcesContent":["const TimePickerUnits = {\n  HOUR_24: {\n    type: \"HOUR_24\",\n    min: 0,\n    max: 23,\n  },\n  HOUR_12: {\n    type: \"HOUR_12\",\n    min: 1,\n    max: 12,\n  },\n  MINUTE: {\n    type: \"MINUTE\",\n    min: 0,\n    max: 59,\n  },\n  SECOND: {\n    type: \"SECOND\",\n    min: 0,\n    max: 59,\n  },\n};\n\nconst PeriodPickerOptions = {\n  AM: \"AM\",\n  PM: \"PM\",\n};\n\nconst TimeFormat = {\n  H12: \"12\",\n  H24: \"24\",\n};\n\nexport { TimePickerUnits, PeriodPickerOptions, TimeFormat };\n"],"file":"enums.js"}

package/dist/modern/TimePicker/index.d.ts

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

package/dist/modern/TimePicker/index.js

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

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

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

package/dist/modern/TimePicker/styles.js

@@ -0,0 +1,108 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const icon = {
+  position: "absolute",
+  right: 0,
+  bottom: 0,
+  width: "30px",
+  height: "30px"
+};
+
+const styles = theme => ({
+  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 ${theme.hv.palette.atmosphere.atmo6}`
+  },
+  inputContainer: {
+    position: "relative",
+    background: theme.hv.palette.atmosphere.atmo1,
+    height: "32px",
+    paddingLeft: `${theme.hv.spacing.xs}px`,
+    paddingRight: `${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: `${theme.hv.palette.atmosphere.atmo1}`,
+    zIndex: "10",
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: `${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 ${theme.hv.palette.semantic.sema4}`,
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.semantic.sema4}`
+    }
+  },
+  dropdownHeaderOpen: {
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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/modern/TimePicker/timePickerConverter.js

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

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

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