@hitachivantara/uikit-react-core 3.62.7 → 3.65.0

package/dist/TimePicker/TimePicker.js.map

@@ -0,0 +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","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","localeFromProvider","toString","v","PeriodPickerOptions","AM","PM","setValue","rollbackValue","lastValidValue","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","TimePickerUnits","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","PropTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object","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\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"],"mappings":"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"}

package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js

@@ -0,0 +1,243 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.number.constructor.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("../..");
+
+var _timePickerUtils = require("../timePickerUtils");
+
+var _timePickerFormatter = require("../timePickerFormatter");
+
+var _enums = require("../enums");
+
+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; }
+
+var UnitTimePicker = function UnitTimePicker(props) {
+  var classes = props.classes,
+      id = props.id,
+      placeholder = props.placeholder,
+      unit = props.unit,
+      unitValue = props.unitValue,
+      onChangeUnitTimeValue = props.onChangeUnitTimeValue;
+  var minValue = _enums.TimePickerUnits[unit].min;
+  var maxValue = _enums.TimePickerUnits[unit].max;
+
+  var _useState = (0, _react.useState)(unitValue !== null && unitValue !== void 0 ? unitValue : ""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      currentValue = _useState2[0],
+      setCurrentValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isFocused = _useState4[0],
+      setIsFocused = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      isValid = _useState6[0],
+      setIsValid = _useState6[1];
+  /**
+   * Changes the time unit value in the state.
+   *
+   * @param {Number} value - new time unit value
+   * @memberof UnitTimePicker
+   */
+
+
+  var changeTimeUnit = function changeTimeUnit(value) {
+    var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    setCurrentValue(value);
+    setIsValid((0, _timePickerUtils.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
+   */
+
+
+  var handleCurrentValueChange = function handleCurrentValueChange(event, value) {
+    var unitTime = value === "" ? value : Number(value);
+
+    if (unitTime.toString().length <= 2) {
+      changeTimeUnit(unitTime);
+    }
+  };
+  /**
+   * Handles the change on the focus of the input
+   * @memberof UnitTimePicker
+   */
+
+
+  var handleFocusChange = function handleFocusChange() {
+    setIsFocused(true);
+  };
+
+  var handleOnBlur = function handleOnBlur() {
+    setIsFocused(false);
+    onChangeUnitTimeValue(currentValue !== "" ? currentValue : null);
+  };
+
+  var handleKeyPressed = function handleKeyPressed(event) {
+    if ((0, _.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
+   */
+
+
+  var handleAddTime = function handleAddTime() {
+    var 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
+   */
+
+
+  var handleSubtractTime = function handleSubtractTime() {
+    var 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
+   */
+
+
+  var renderTimeUnit = function renderTimeUnit() {
+    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
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? UnitTimePicker.propTypes = {
+  /**
+   * Id to be applied to the input node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * The placeholder when empty.
+   */
+  placeholder: _propTypes.default.string,
+
+  /**
+   * Type of Unit time picker (hour, minute or second)
+   */
+  unit: _propTypes.default.oneOf([_enums.TimePickerUnits.HOUR_24.type, _enums.TimePickerUnits.HOUR_12.type, _enums.TimePickerUnits.MINUTE.type, _enums.TimePickerUnits.SECOND.type]).isRequired,
+
+  /**
+   * Default unit time value
+   */
+  unitValue: _propTypes.default.number,
+
+  /**
+   * Callback function called when the unit time value changes
+   */
+  onChangeUnitTimeValue: _propTypes.default.func.isRequired
+} : void 0;
+var _default = UnitTimePicker;
+exports.default = _default;
+//# sourceMappingURL=UnitTimePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnitTimePicker.js","names":["UnitTimePicker","props","classes","id","placeholder","unit","unitValue","onChangeUnitTimeValue","minValue","TimePickerUnits","min","maxValue","max","currentValue","setCurrentValue","isFocused","setIsFocused","isValid","setIsValid","changeTimeUnit","value","callback","handleCurrentValueChange","event","unitTime","Number","toString","length","handleFocusChange","handleOnBlur","handleKeyPressed","KeyboardCodes","Enter","handleAddTime","newUnitTime","handleSubtractTime","renderTimeUnit","unitTimeContainer","input","unitTimeInput","root","inputContainer","inputBorderContainer","inputRoot","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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"}

package/dist/TimePicker/UnitTimePicker/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _UnitTimePicker = _interopRequireDefault(require("./UnitTimePicker"));
+
+var _default = (0, _withStyles.default)(_styles.default, {
+  name: "HvTimePickerUnitTimePicker"
+})(_UnitTimePicker.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["styles","name","UnitTimePicker"],"sources":["../../../src/TimePicker/UnitTimePicker/index.js"],"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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,yBAAWA,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2DC,uBAA3D,C"}

package/dist/{Chart → TimePicker/UnitTimePicker}/styles.js

@@ -29,18 +29,44 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var styles = function styles(theme) {
   return {
-    root: {
-      padding: 0
+    unitTimeContainer: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center"
     },
-    defaultColors: _objectSpread({}, theme.hv.viz.palette.categorical),
-    vizText: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
-      fontFamily: theme.hv.typography.fontFamily,
-      fontSize: 10
+    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"
+      }
     }),
-    legendText: _objectSpread({}, theme.hv.typography.normalText),
-    lineColor: theme.hv.palette.atmosphere.atmo4,
-    gridColor: theme.hv.palette.atmosphere.atmo4,
-    plotColor: "transparent"
+    unitTimeInputRoot: {},
+    subtractIcon: {
+      marginTop: "".concat(theme.hv.spacing.xs, "px")
+    },
+    inputContainer: {
+      minWidth: "40px",
+      maxWidth: "40px"
+    },
+    inputBorderContainer: {
+      top: "40px"
+    }
   };
 };
 

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

@@ -0,0 +1 @@
+{"version":3,"file":"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"],"sources":["../../../src/TimePicker/UnitTimePicker/styles.js"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,iBAAiB,EAAE;MACjBC,OAAO,EAAE,MADQ;MAEjBC,aAAa,EAAE,QAFE;MAGjBC,cAAc,EAAE,QAHC;MAIjBC,UAAU,EAAE;IAJK,CADM;IAOzBC,aAAa,kCACRN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBC,MADZ;MAEXC,UAAU,EAAE,GAFD;MAGXC,SAAS,EAAE,QAHA;MAIXC,MAAM,EAAE,MAJG;MAKXC,KAAK,EAAE,MALI;MAMXC,OAAO,EAAE,CANE;MAOXC,MAAM,EAAE,CAPG;MAQX,kBAAkB;QAChBC,QAAQ,EAAE,EADM;QAEhBN,UAAU,EAAE;MAFI,CARP;MAYX,8DAA8D;QAC5D,sBAAsB,MADsC;QAE5D,mBAAmB,MAFyC;QAG5DK,MAAM,EAAE;MAHoD,CAZnD;MAiBX,kBAAkB;QAChB,sBAAsB,WADN;QAEhB,mBAAmB;MAFH;IAjBP,EAPY;IA6BzBE,iBAAiB,EAAE,EA7BM;IA+BzBC,YAAY,EAAE;MACZC,SAAS,YAAKnB,KAAK,CAACO,EAAN,CAASa,OAAT,CAAiBC,EAAtB;IADG,CA/BW;IAkCzBC,cAAc,EAAE;MACdC,QAAQ,EAAE,MADI;MAEdC,QAAQ,EAAE;IAFI,CAlCS;IAsCzBC,oBAAoB,EAAE;MACpBC,GAAG,EAAE;IADe;EAtCG,CAAZ;AAAA,CAAf;;eA2Ce3B,M"}

package/dist/TimePicker/enums.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimePickerUnits = exports.TimeFormat = exports.PeriodPickerOptions = void 0;
+
+require("core-js/modules/es.object.freeze.js");
+
+var TimePickerUnits = Object.freeze({
+  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
+  }
+});
+exports.TimePickerUnits = TimePickerUnits;
+var PeriodPickerOptions = Object.freeze({
+  AM: "AM",
+  PM: "PM"
+});
+exports.PeriodPickerOptions = PeriodPickerOptions;
+var TimeFormat = Object.freeze({
+  H12: "12",
+  H24: "24"
+});
+exports.TimeFormat = TimeFormat;
+//# sourceMappingURL=enums.js.map

package/dist/TimePicker/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","names":["TimePickerUnits","Object","freeze","HOUR_24","type","min","max","HOUR_12","MINUTE","SECOND","PeriodPickerOptions","AM","PM","TimeFormat","H12","H24"],"sources":["../../src/TimePicker/enums.js"],"sourcesContent":["const TimePickerUnits = Object.freeze({\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 = Object.freeze({\n  AM: \"AM\",\n  PM: \"PM\",\n});\n\nconst TimeFormat = Object.freeze({\n  H12: \"12\",\n  H24: \"24\",\n});\n\nexport { TimePickerUnits, PeriodPickerOptions, TimeFormat };\n"],"mappings":";;;;;;;;;AAAA,IAAMA,eAAe,GAAGC,MAAM,CAACC,MAAP,CAAc;EACpCC,OAAO,EAAE;IACPC,IAAI,EAAE,SADC;IAEPC,GAAG,EAAE,CAFE;IAGPC,GAAG,EAAE;EAHE,CAD2B;EAMpCC,OAAO,EAAE;IACPH,IAAI,EAAE,SADC;IAEPC,GAAG,EAAE,CAFE;IAGPC,GAAG,EAAE;EAHE,CAN2B;EAWpCE,MAAM,EAAE;IACNJ,IAAI,EAAE,QADA;IAENC,GAAG,EAAE,CAFC;IAGNC,GAAG,EAAE;EAHC,CAX4B;EAgBpCG,MAAM,EAAE;IACNL,IAAI,EAAE,QADA;IAENC,GAAG,EAAE,CAFC;IAGNC,GAAG,EAAE;EAHC;AAhB4B,CAAd,CAAxB;;AAuBA,IAAMI,mBAAmB,GAAGT,MAAM,CAACC,MAAP,CAAc;EACxCS,EAAE,EAAE,IADoC;EAExCC,EAAE,EAAE;AAFoC,CAAd,CAA5B;;AAKA,IAAMC,UAAU,GAAGZ,MAAM,CAACC,MAAP,CAAc;EAC/BY,GAAG,EAAE,IAD0B;EAE/BC,GAAG,EAAE;AAF0B,CAAd,CAAnB"}

package/dist/TimePicker/index.d.ts

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

package/dist/{Chart/Tooltip → TimePicker}/index.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _Tooltip.default;
+    return _TimePicker.default;
   }
 });
 
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
 //# sourceMappingURL=index.js.map

package/dist/TimePicker/index.js.map

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

package/dist/TimePicker/styles.js

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