@hitachivantara/uikit-react-lab 3.38.0

package/dist/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TimePicker/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"],"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/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 _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+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, _uikitReactCore.isKeypress)(event, _uikitReactCore.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(_uikitReactCore.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
+  }));
+};
+
+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
+};
+var _default = UnitTimePicker;
+exports.default = _default;
+//# sourceMappingURL=UnitTimePicker.js.map

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

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

@@ -0,0 +1,75 @@
+"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); 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) { (0, _defineProperty2.default)(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; }
+
+var styles = function styles(theme) {
+  return {
+    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: "".concat(theme.hv.spacing.xs, "px")
+    },
+    inputContainer: {
+      minWidth: "40px",
+      maxWidth: "40px"
+    },
+    inputBorderContainer: {
+      top: "40px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,OAAO,EAAE,MADQ;AAEjBC,MAAAA,aAAa,EAAE,QAFE;AAGjBC,MAAAA,cAAc,EAAE,QAHC;AAIjBC,MAAAA,UAAU,EAAE;AAJK,KADM;AAOzBC,IAAAA,aAAa,kCACRN,KAAK,CAACO,EAAN,CAASC,UAAT,CAAoBC,MADZ;AAEXC,MAAAA,UAAU,EAAE,GAFD;AAGXC,MAAAA,SAAS,EAAE,QAHA;AAIXC,MAAAA,MAAM,EAAE,MAJG;AAKXC,MAAAA,KAAK,EAAE,MALI;AAMXC,MAAAA,OAAO,EAAE,CANE;AAOXC,MAAAA,MAAM,EAAE,CAPG;AAQX,wBAAkB;AAChBC,QAAAA,QAAQ,EAAE,EADM;AAEhBN,QAAAA,UAAU,EAAE;AAFI,OARP;AAYX,oEAA8D;AAC5D,8BAAsB,MADsC;AAE5D,2BAAmB,MAFyC;AAG5DK,QAAAA,MAAM,EAAE;AAHoD,OAZnD;AAiBX,wBAAkB;AAChB,8BAAsB,WADN;AAEhB,2BAAmB;AAFH;AAjBP,MAPY;AA6BzBE,IAAAA,iBAAiB,EAAE,EA7BM;AA+BzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,SAAS,YAAKnB,KAAK,CAACO,EAAN,CAASa,OAAT,CAAiBC,EAAtB;AADG,KA/BW;AAkCzBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,QAAQ,EAAE,MADI;AAEdC,MAAAA,QAAQ,EAAE;AAFI,KAlCS;AAsCzBC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,GAAG,EAAE;AADe;AAtCG,GAAZ;AAAA,CAAf;;eA2Ce3B,M","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/TimePicker/enums.js

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

package/dist/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,IAAMA,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,IAAMI,mBAAmB,GAAG;AAC1BC,EAAAA,EAAE,EAAE,IADsB;AAE1BC,EAAAA,EAAE,EAAE;AAFsB,CAA5B;;AAKA,IAAMC,UAAU,GAAG;AACjBC,EAAAA,GAAG,EAAE,IADY;AAEjBC,EAAAA,GAAG,EAAE;AAFY,CAAnB","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/TimePicker/index.d.ts

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

package/dist/TimePicker/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TimePicker.default;
+  }
+});
+
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
+//# sourceMappingURL=index.js.map

package/dist/TimePicker/index.js.map

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